angular - ng build后如何使用所需的功能？

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是静态的。

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

score 0 · Accepted Answer

我建议使用带有角度通用的服务器端渲染。这将使您有机会向 Angular 应用程序提供从请求中派生的数据。

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

请参阅https://angular.io/guide/universal - 这是一些前期工作，但我发现完成这种行为的最灵活的方式

编辑：正如评论中指出的那样，如果您希望更改的唯一时间是在生产和开发构建之间，那么环境文件是实现此目的的简单方法，但任何更改都需要重新构建，这可能不符合您的要求 -见https://angular.io/guide/build

1 回答 1