Question

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

我该怎么做？

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

Answer 1

角度cli太容易了。首先，转到.angular-cli.json文件并修改environments;

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

其次，在environment.yourCustomEnv.ts文件中添加api url作为属性;

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

然后，在您想要设置api url的地方使用environment变量;

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

最后，使用以下命令构建应用程序;

ng build --env=yourCustomEnv ...

Angular-cli会在导入environment.yourCustomEnv.ts的每个位置自动使用environment文件。

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

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

1 个答案: