在Angular 4中保存全局设置的位置

在Angular(类型脚本)中有许多配置文件.保存全球环境的哪一个是正确的？

例如,当我从本地调用API时,我的rootUrl是localhost：42000但是当我打开生产时它应该是http：www.someting.com.

我想在一些全局的地方保存这个rootUrl,所以如果我打开生产,那么我只需要在这个rootUrl中进行更改.

请建议我应该在哪里保存这些全局设置,与Asp.Net中的web.config相同.

这个答案类似于@trichetriche,关于代码的更多细节.

用于开发/测试目的

environment.ts

export const environment = {
  production: false,appUrl: 'localhost:4200'
};

用于生产

environment.prod.ts

export const environment = {
      production: true,appUrl: 'mywebsite.com'
    };

用法

service.ts

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

this._http.get(environment.appUrl,requestHeaders(options));

记下所有环境文件中的生产参数.我相信你也可以创建更多的环境,比如environment.unittesting.ts.