如何在 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网站。