angular - ng-build 上的端口和代理配置

Question

例如，我有一个在 int.myapp.com 上运行的前端，它在 int.backend.myapp.com 上运行后端。我想我可以像这样使用 proxy.config.json 进行代理:

 "/api": {
    "target": "https://int.backend.myapp.com",
    "secure": true,
    "changeOrigin": true
  }

在我的 package.json 文件中

"start": "ng serve --proxy-config proxy.conf.json"

一切都适用于我的开发环境。

但是当我为生产构建时:

ng build --prod

并部署在 Firebase 上

firebase deploy

Web 应用程序无法与 API 通信

我该如何修复它？

Answer 1

万一其他人遇到这个问题，我找到了一个解决方法，以防你仍然想在本地运行你的生产 Angular 应用程序，使用http-server应用程序:

npm install -g http-server

构建您的生产应用程序:

ng build --prod

转到您的 dist/[YOUR_APP_NAME_FOLDER] 文件夹:

cd dist/[YOUR_APP_NAME_FOLDER] 

运行 http-server 应用程序并将代理选项(--proxy 或 -P)与您要指向的后端代理一起传递:

 http-server -c-1 -P http://localhost:3000 .