angular - 使用 .NET Core JavaScriptServices 构建的 Angular 应用程序中的环境变量

Question

我发现与大多数 SPA 框架一样，Angular 提供了一种将环境特定配置传递给应用程序的简单方法。我正在使用由 .NET Core 2.0 项目构建的 Angular 应用程序。我尝试使用 Angular CLI 环境文件和 webpack DefinePlugin 为我的应用程序提供环境变量。我错过了什么？

这是我想要的:

import { environment } from './environment';

export class MyComponent {
    constructor() {
        // Logs localhost:5001 in dev and www.myapi.com in prod
        console.log(process.env.API_URL);
    }
}

但使用 .NET Core JavaScriptServices。这可能吗？

Answer 1

环境的想法是你有一个 environment.{ENV}.ts 用于你可能使用的每个环境，然后在你的 .angular-cli.json您定义它们的名称:

...
"environments": {
  "dev": "environments/environment.ts",
  "prod": "environments/environment.prod.ts"
}
...

您必须手动设置此环境文件:

在你的环境中.ts

export const environment = {
  production: false,
  API_URL: 'http://localhost:5001'
}

在你的环境中.prod.ts

export const environment = {
  production: true,
  API_URL: 'http://www.myapi.com'
}

然后当您需要一些环境属性时，您可以将环境对象导入到您的 .ts 文件中并调用它。

您调用的这个 process.env 是指节点的环境。