如何在 Angular 10 中读取 appsettings.json 文件配置

Question

我正在 Angular 10 开发 Web 应用程序，想访问 appsettings.json 主页组件中的 appsettings.json 文件配置。

这是我需要阅读的 appsetting.json 文件配置。

 "Application": {
    "ServiceUrl": "http://localhost:6000/",
    "LogServiceURL": "http://localhost:6002/"
  }

请帮我找出最佳解决方案。

Answer 1

你可以使用 npm read-appsettings-json 包。

使用以下命令通过 npm 包安装 read-appsettings-json：

`npm install read-appsettings-json --save`

在任何您想读取 appsetting.json 文件的地方导入“read-appsettings-json”。在你的家庭组件中。

import { AppConfiguration } from "read-appsettings-json";

然后只需编写下面的代码即可从 appsetting.json 文件

中获取值

let serviceURL=AppConfiguration.Setting().Application.ServiceUrl;

let logServiceURL=AppConfiguration.Setting().Application.LogServiceURL;

可以参考npm website.

Answer 2

import appSettings from '../path_to_json';

您可以在 Angular/Typescript 中导入任何 JSON 或这样的 js 文件。你也可以像这样得到一个package.json文件。

你也可以像这样创建一个可观察的文件。但我认为它不需要 over-complicated 因为所有这些都是静态数据

this.http.get('/path/to/appsettings.json').subscribe(result => {
       this.data = result;
    });

How to read appsettings.json file configuration in Angular 10