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

Question

我在操作系统中创建了一个全局变量 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/",
}