Angular2如何prodmode和测试模式之间切换基本URL(Angular2 How to s

嗨，我目前正在测试我在开发模式下的应用程序，我有全球基本URL设置，但现在我想启用生产模式，我想在生产模式下使用不同的和基本URL之间切换双模（开发模式和生产线模式）两大的BaseURL

我怎样才能做到这一点？

我使用NPM运行DEV-start命令来运行开发模式。

Answer 1:

这太容易的角度CLI。 首先，去你.angular-cli.json文件和编辑environments ;

"environments": {
     "dev": "environment/environment.ts",
     "prod": "environments/environment.prod.ts",
     "yourCustomEnv": "environments/environment.yourCustomEnv.ts"
}

其次，增加API URL作为属性environment.yourCustomEnv.ts文件;

export const environment = {
     production: ...,
     apiUrl: 'youApiUrl'
}

随后，使用environment变量，无论你想设置的API URL;

import { environment } from 'pathTo/environments/environment';
export class XService {
     apiUrl = environment.apiUrl;
     ...
}

最后，建立与下面的命令您的应用程序;

ng build --env=yourCustomEnv ...

角CLI自动使用environment.yourCustomEnv.ts在每一个地方，你导入的地方文件environment 。

顺便说一句，请确保您所有environment变量具有相同的属性。

文章来源: Angular2 How to switch baseURL between prodmode and test mode