Angular 前端构建后如何更改后端 IP，并使用 nginx 托管？

Question

对于带有 WebInterface 的项目，我们使用带有 Ubuntu 18.04 的英特尔 NUC。后端已经在设备上运行，并通过 WebSocket 与前端通信。前端由 WebSever 软件 nginx 托管，并使用 Angular 构建。现在，当我们使用“ng build --prod”构建前端时，后端的 IP 地址已被烘焙。后端 ip 在构建之前在 environment.prod.ts 中设置。

当调用前端（使用 DNS 或 IP）时，您如何管理当前 NUC 地址用于与后端通信？

我们目前看到的唯一方法是在 ip 更改时重新构建前端，这很糟糕。

感谢您的帮助！

Answer 1

您可以使用在运行时加载的配置文件，并在其中字符串替换部署时的后端 IP。 例如看这篇博文：https://christianlydemann.com/implementing-dynamic-environments-in-angular-for-avoiding-one-build-per-environment/

和/或这个 NPM 包：https://www.npmjs.com/package/runtime-config-loader