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 -c-1 -P http://localhost:3000 .

Answer 2

在将应用部署到生产环境期间:配置服务器以将缺少文件的请求重定向到index.html。在这里https://angular-doc.ru/guide/deployment#fallback了解更多关于服务器端重定向的信息。

到远程服务器的基本部署

对于最简单的部署，创建生产构建并将输出目录复制到web服务器。

从生产构建开始：

prod ng build -- content_copy将输出文件夹(默认情况下为dist/)中的所有内容复制到服务器上的一个文件夹中。

配置服务器以将缺少文件的请求重定向到index.html。在下面了解更多关于服务器端重定向的信息。

源https://angular-doc.ru/guide/deployment