构建Angular 2应用程序时访问系统变量(环境变量)

时间:2018-02-22 16:42:41

标签: javascript angular

我需要使用一个系统变量构建我的Angular应用程序。

系统变量

server_url = http://google.com

我的Environment.ts文件看起来像

export const environment = {
  production: false,
  serveUrl: 'http://someurl.com',
  mleServerUrl: 'http://someurl2.com',
  botServerUrl: 'http://someurl2.com',
  DEBUG_LOG: true,
  azureAD: true,
  mleEnvironment: 'dev',
  multtenant: true,
  e2eTest: false
};

执行ng build命令时,我需要用http://google.com替换serveUrl值。

2 个答案:

答案 0 :(得分:1)

您需要带有

的environment.prod.ts(与environment.ts位于同一文件夹中)
export const environment = {
  production: true,
  serveUrl: 'http://google.com',
};

然后你必须做ng build --prod

请参阅https://github.com/angular/angular-cli/wiki/build

答案 1 :(得分:0)

如果要使用系统环境变量而不是标准角度方法,则有以下几种选择:

  1. 创建一个可通过Angular应用程序使用的环境服务;利用env.js文件,该文件可以在部署时进行修改。 https://www.jvandemo.com/how-to-use-environment-variables-to-configure-your-angular-application-without-a-rebuild/

  2. 使用自定义角度构建修改Webpack流程,使您可以在构建时https://blog.usejournal.com/system-environment-variables-in-angular-1f4a922c7b4c

  3. 读取系统环境变量