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

Question

在 Angular(Type Script)中有很多配置文件。哪个是保存全局设置的正确方法？

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

我想将这个 rootUrl 保存在某个全局位置，这样如果我打开生产环境，那么我只需要更改这个 rootUrl。

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

Answer 1

这个答案与@trichetriche 类似，但代码细节不多。

用于开发/测试目的

环境.ts

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

用于生产

环境.prod.ts

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

用法

服务.ts

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

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

记下所有 environment 文件中的 production 参数。 我相信您还可以创建更多环境，例如 environment.unittesting.ts。