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

发布时间：2020-12-17 07:24:40 所属栏目：安全来源：网络整理

导读：在Angular(类型脚本)中有许多配置文件.保存全球环境的哪一个是正确的？例如,当我从本地调用API时,我的rootUrl是localhost：42000但是当我打开生产时它应该是http：www.someting.com. 我想在一些全局的地方保存这个rootUrl,所以如果我打开生产,那么我只需要

在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.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!