利用 Angular 发挥环境的力量

一.介绍

您是否曾想过如何在不同的环境中为同一应用设置不同的颜色、标题或 API 调用？可以肯定的是，生产 API 和测试 API 是不同的，应谨慎使用。部署时，我们不会在项目的所有地方手动更改所有 API 调用。不应这样做，因为这很危险。

在 Angular 中，有一种简单的方法可以为不同的环境设置不同的配置。这样我们就可以使用并部署到任意数量的阶段/环境，而无需更改代码。这称为环境文件。

简而言之，我们可以为生产创建一个名为 environment.ts 的环境文件，为开发阶段创建一个名为 environment.development.ts 的环境文件。然后，根据我们发布应用程序的位置，将使用正确的环境文件。

只需要进行一些配置，收益却是巨大的。

在本文中，我将向您展示如何开始并提供具有不同文本和 API 的示例。

二.入门

1. 创建一个新的应用程序： ng new angular-environment-demo --standalone false。
2. 生成环境文件： ng generate environment。

**注意：**从 Angular 15.1 开始，环境文件不会自动生成。