Angular 2 测试 - process.env答案

【问题标题】：Angular 2 testing - process.envAngular 2 测试 - process.env
【发布时间】：2016-11-04 13:42:01
【问题描述】：

我尝试在我的应用程序中模拟请求，但流程变量存在问题。我存储在 process.env.backendUrl url 到后端 API。然后在 RestService 我有：

constructor(private http: Http) {
    this.rest = process.env.backendUrl + "/api/";
}

现在无法运行测试，因为在例如 LoginComponent 中我有 RestService 依赖项并且我遇到了这个错误：

zone.js:140 Uncaught Error: Error in ./LoginComponent class LoginComponent_Host - inline template:0:0 caused by: process is not defined
ReferenceError: process is not defined
at new RestService (http://localhost:9876/base/src/test.ts:21595:2790)
at DynamicTestModuleInjector.get (DynamicTestModule.ngfactory.js:170:67)
at DynamicTestModuleInjector.get (DynamicTestModule.ngfactory.js:180:93)
at DynamicTestModuleInjector.getInternal (DynamicTestModule.ngfactory.js:255:51)
at DynamicTestModuleInjector.NgModuleInjector.get (http://localhost:9876/base/src/test.ts:25036:27)
at TestBed.get (http://localhost:9876/base/src/test.ts:5589:51)
at _View_LoginComponent_Host0.createInternal (LoginComponent_Host.ngfactory.js:16:74)
at _View_LoginComponent_Host0.AppView.create (http://localhost:9876/base/src/test.ts:36192:21)
at _View_LoginComponent_Host0.DebugAppView.create (http://localhost:9876/base/src/test.ts:36404:44)

我在 enviroment.ts（由 angular-cli 创建的文件）中设置了 proccess.env.backendUrl。

process.env.backendUrl = 'http://localhost:8080';

export const environment = {
  production: false
};

我应该把它设置在别的地方还是有什么方法可以告诉因果报应这个变量？

【问题讨论】：

标签： testing angular mocking testbed

【解决方案1】：

如果您使用 angular-cli，您只需将 backendUrl 添加到 environment。

export const environment = {
  production: false,
  backendUrl: 'http://localhost:8080'
};

您还应该将其添加到 environment.prod.ts 文件中，将 url 设置为生产 url。在生产环境中构建时，将使用 .prod 文件。

在您的文件中，您应该导入environment（来自environment.ts 文件）并使用environment.backendUrl。

另请参阅：

Build Targets and Environment Files

【讨论】：