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

Question

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

例如,当我从本地调用API然后我rootUrl就是,localhost:42000但是当我开启生产时它应该是http:www.someting.com.

我想将它保存rootUrl在一些全球的地方,所以如果我打开生产,那么我只需要改变它rootUrl.

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

Answer 1

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

出于development/testing目的

environment.ts

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

对于 production

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));

记下production所有environment文件中的参数.我相信你也可以创造更多的环境environment.unittesting.ts.