Question

我正在开发一个包含 -

的应用程序

1）前端的角度2

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

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

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

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

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

此基本网址可能会不时更改。

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

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

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

Answer 1

您可以使用config方法创建一个简单的Web API，该方法将以json格式返回数据。我假设您正在使用httpClient.get（）来检索文件，以便您可以使用该调用并只传递配置webAPI的URL

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

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

1 个答案: