ng构建后如何使用所需的功能？

Question

我在资产文件夹中使用一个file.json并带有我的后端地址 file.json

{
    "api": "https://backend.com/api"
 }

然后通过一个函数，我从json获取值：

 export const GET_API = function () {
         return require('../assets/file.json').api;
     };

但是当我用ng build --prod构建项目时，该值是静态的。

我正在寻找一种在生产中更改后端地址的方法

Answer 1

我建议使用带有角度通用性的服务器端渲染。这将使您有机会将来自请求的数据提供给角度应用程序。

可以通过您选择的任何方式将为应用程序提供服务的节点服务设置为读取其配置。

请参阅https://angular.io/guide/universal-这是需要做的事，但这是我发现完成这种行为的最灵活的方式

编辑：如评论中所指出，如果您唯一要更改的是在生产和开发版本之间进行更改，则环境文件是实现此目的的简单方法，但是任何更改都需要重新构建，而这可能无法满足您的要求-请参见https://angular.io/guide/build