导入
代理服务器
学习如何为应用程序设置代理开发服务器。
现在我们已经搭建好了 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。