Angular Frontent搭建并托管nginx后，如何更改后端IP？

Question

对于带有WebInterface的项目，我们使用带有Ubuntu18.04的Intel NUC。后端已经在设备上运行，并通过WebSocket与前端通信。前端由WebSever软件nginx托管，并使用Angular构建。现在，当我们使用"ng build --prod“构建前端时，后端的Ip地址就已经包含在内了。后端ip在构建之前已经在environment.prod.ts中设置好了。

当forontend (使用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