angular - 在 Angular 5 环境中使用 process.env

Question

我尝试使用标准ng build --prod命令构建 Angular 5 应用程序，并且我想将基本 API-Url 设置为environment.prod.ts取决于我的process.env变量的值。

这是我的文件：

export const environment = {
    production: true,
    apiUrl: `${process.env.BASE_URL}` || 'http://localhost:8070/',
};

但是当我尝试构建应用程序时，会出现以下错误：

ERROR in src/environments/environment.ts(7,16): error TS2304: Cannot find name 'process'.

在构建应用程序时，如何根据环境变量设置我的 API-Url？

score 22 · Accepted Answer

更新

根据下面的评论，原始答案并不完全清楚——Angular 是使用 Angular CLI 构建的，它是一个节点应用程序，但process.env在构建过程中您无法直接从应用程序内部访问，因为它没有被处理为节点应用。

这些概念几乎保持不变，但理解上述内容很重要。

原来的

您将无法process.env在 Angular 代码的编译时访问。

process.env可用于Node应用程序，而 Angular 应用程序不可用。

你有几个选择：

选项 2 听起来可能适合您。在这种情况下，你想把它放在你的 angular-cli.json 中：

"environments": {
    "dev": "path/to/dev/env",
    "prod": "path/to/prod/env"
}

并使用ng build --env=prod.

1 回答 1