Angular 2 CLI中基于环境的不同代理配置

如何在Angular 2 CLI项目中为开发和生产环境声明2个不同的代理URL？例如,在开发模式下,我想使用

{
    "/api/*": {
        "target": "http://localhost:3000","secure": false
    }
}

但在生产模式下,我会用

{
    "/api/*": {
        "target": "http://api.exampledomain.com","secure": false
    }
}

解决方法

我不相信你可以通过环境文件控制代理功能.另一种方法是在您的环境文件中定义您的api域

// environment.ts
export const environment = {
    production: false,api: 'http://localhost:3000'
};

// environment.prod.ts
export const environment = {
    production: true,api: 'http://api.exampledomain.com'
}

然后在你的ts源文件中从环境文件中提取域名

// some service
import { Injectable } from '@angular/core';
import { environment } from '../../../environment.ts';
import { Http } from '@angular/http';

@Injectable()
export class SomeService {
    constructor(private http: Http);

    getData(){
        return this.http.get(environment.api + '/rest-of-api');
    }
}

现在,当您运行构建或提供命令时,它们将使用环境文件中定义的api路径