Logo
Section 1 / 6

代理服务器

学习如何为应用程序设置代理开发服务器。

导入

代理服务器

学习如何为应用程序设置代理开发服务器。

现在我们已经搭建好了 REST 服务,接下来回到客户端应用,尝试从服务中获取数据。

第一步,再次确认是否激活了 server 虚拟环境,如果已激活,请先停用它;然后切换到 bookapp/client/ 目录,并激活 client 虚拟环境。

应用简介

在本应用中,我们将学习如何为应用配置代理服务器。bookapp/client/ 目录下的 dev-server.js 脚本正是为此目的而设计的。

应用程序的效果如下:

No configuration found for ID: 26ebb43460c891a690a66edd0437ba4c17c4bc5f3f35d0230ee519950bb115f0

配置开发代理服务器

后端服务器现已运行,下一步是使用开发代理服务器来同时提供 Flask 服务器和 Parcel 服务器的内容。之前我们已在 package.json 中添加了启动脚本,且通过 npm 安装了所需的 JavaScript 库。现在,我们将深入查看实际的代理服务器脚本 dev-server.js,该文件位于客户端应用的根目录 bookapp/client/ 中。

第 16 行,应用入口文件的目录现在是 bookapp/client/src/,而不是当前目录;第 8 行,我们仍保留对 REST 服务调用的 /api 前缀。现在可以通过以下命令启动开发代理服务器:

1npm run dev

注意: 我们将代理服务器的端口号从 Flask 服务器的 8000 改为 8080。

环境设置

更新后的获取函数