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

我建议使用 angular 通用的服务器端呈现。这将使您有机会向 angular 应用程序提供源自请求的数据。

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

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

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

How to use required function after ng build?