java - 将 config.json 从 Angular 2 应用程序中移出，并在 Angular 2 代码中访问此外部 config.json 文件

Question

我正在开发一个应用程序，其中包括-

1) Angular 2 用于前端

2) 用于 Web 服务的 REST API 从数据库获取数据

3) IBM Websphere 应用程序服务器作为托管这两个应用程序的 Web 容器。

UI 和 REST 是部署在同一服务器上的两个不同的应用程序。

UI 应用程序 war 文件由 config.json 配置文件组成，其中包括应用程序所需的动态属性，例如 -

1) REST API 服务器的基本 URL。

此基本 URL 可能会不时更改。

目前，此 config.json 文件打包在 “assets” 文件夹中的 UI 应用程序 war 文件中。我使用相对路径“./assets/config.json”在 UI 代码中访问此文件。

我想将此文件移出 UI 应用程序 war 。然后，我需要在我的 Angular 代码中访问这个外部 config.json 文件。此外部 config.json 文件可以驻留在运行 UI 应用程序的同一服务器上。

在 Angular 代码中访问此外部 config.json 文件的最佳方法是什么？

Answer 1

您可以使用配置方法创建一个简单的 Web API，该方法会以 json 格式返回数据。我假设您正在使用 httpClient.get() 来检索文件，因此您可以只使用该调用并传递配置 webAPI 的 url

return new Promise((resolve) => {
    this.httpClient.get<AppConfig>(configFile)
        .subscribe(config => {
            this.setAppConfig(config);
            resolve();
         });
})