使用.NET核心JavaScriptServices构建的Angular应用程序中的环境变量

Question

我看到，像大多数SPA框架一样，Angular提供了一种简单的方法来将特定于环境的配置传递给应用程序。我使用的是一个由.NET Core2.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核心JavaScriptServices。这个是可能的吗？

Answer 1

环境的思想是，您为可能使用的每个环境都有一个environment.{ENV}.ts，然后在您的.angular-cli.json中定义它们的名称：

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

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

在你的environment.ts中

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

在你的environment.prod.ts中

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

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

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