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

Question

我正在Angular 10中开发一个Web应用程序，想要访问Angular Home组件中的 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文件。

您还可以像这样创建一个可观察的文件。但我认为它并不需要而且过于复杂，因为所有这些都是静态数据

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