Question

目前，environment.ts文件仅包含环境：生产时为true，dev为false。我有一些更多的配置级变量，如cdn路径，服务器路径和其他一些（30多个），它们根据应用程序ENV进行更改。我应该如何使它们可用于所有组件和服务，并且在构建期间传递--prod时应该更改变量的值。而不是手动更改它。

我正在使用Ng-Cli@1.3.0进行构建

编辑： 在环境文件中直接提供它是否安全，客户端是否可以更改它？

Answer 1

你是一个使用环境

<强>的src /环境/ environment.prod.ts

export const environment = {
  production: true,
  server_url: 'https://api.exapmle/'
};

src / environments / environment.ts（默认）

export const environment = {
  production: false,
  server_url: 'https://api.dev.exapmle/'
};

更改角度/ cli文件

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

您可以访问每个组件，服务

的值

import {environment} from '../../../environments/environment'



  api_url = environment.server_url;

注入环境变量Angular2

1 个答案: