如何在Angular 2应用中配置不同的开发环境 [英] How to config different development environment in Angular 2 app
本文介绍了如何在Angular 2应用中配置不同的开发环境的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个常量文件
export class constants {
public static get API_ENDPOINT(): string { return 'https://dvelopment-server/'; }
}
我将其导入了我的服务
private _registrationUrl = constants.API_ENDPOINT+'api/v1/register';
如何通过server change更改endpont.我有开发服务器登台服务器和本地服务器.我希望应用程序检测环境变化.
How can I change the endpont with server change . I have development server staging server and local server. I want app to detect the environment change.
在我的angular 1应用程序中,我为此使用了envserviceprovider.我可以在angular 2应用中使用相同的内容吗?
In my angular 1 app I used envserviceprovider for this. Can I use the same in angular 2 app ?
推荐答案
我已经通过添加类方法解决了该问题
I have solved the issue by adding a class method
export class config {
public static getEnvironmentVariable(value) {
var environment:string;
var data = {};
environment = window.location.hostname;
switch (environment) {
case'localhost':
data = {
endPoint: 'https://dev.xxxxx.com/'
};
break;
case 'uat.server.com':
data = {
endPoint: 'https://uat.xxxxx.com/'
};
break;
default:
data = {
endPoint: 'https://dev.xxxx.com/'
};
}
return data[value];
}
}
为我服务
private _loginUrl = config.getEnvironmentVariable('endPoint')+'api/v1/login;
这篇关于如何在Angular 2应用中配置不同的开发环境的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文