Angular2如何在生产模式和测试模式之间切换baseURL

您好，我目前正在开发模式下测试我的应用程序，并且全局设置了 baseURL，但现在我想启用生产模式，并且我想在生产模式下使用不同的 baseURL，并在两种模式（开发模式和生产模式）之间切换两个 baseURL

我怎样才能做到这一点？

我正在使用 npm run dev-start 命令来运行开发模式。

使用 Angular 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 file;

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

Angular-cli自动使用environment.yourCustomEnv.ts文件在您导入的每个地方environment.

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