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

Question

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

我该怎么做？

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

Answer 1

使用 angular 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.

的每个地方自动使用 environment.yourCustomEnv.ts 文件

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

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

Angular2 How to switch baseURL between prodmode and test mode

production

angular