如何在Angular配置文件中读取全局系统变量？

Question

我在OS中创建了一个全局变量API_URL。

我尝试在环境文件中读取此变量的值：

{"API_URL" : "${API_URL}" }

但它返回纯文本"${API_URL}"而不是值。

Answer 1

浏览器无法读取系统环境变量。如果这是可能的，那么我会非常害怕，因为人们可以访问你的机器，但幸运的是浏览器中的所有JS都是沙箱。

我建议您将此信息存储在某种JSON配置文件中，然后将其导入。

您可以通过修改typings.d.ts

来执行此操作

declare module "*.json" {
  const value: any;
  export default value;
}

然后将其导入您的组件/模块

import config from "./config/config.json";

然后您可以像这样使用它：

{"API_URL" : `${config.ApiUrl}` }

示例config.json：

{
    "ApiUrl":"http://localhost:3579/",
}