如何配置Angular环境变量

要配置Angular环境变量，你需要按照以下步骤操作：

1. 在项目的根目录下创建一个 environments 文件夹，然后在其中创建两个环境文件： environment.ts 和 environment.prod.ts。

2. 在 environment.ts 文件中定义开发环境的变量，如：

export const environment = {
  production: false,
  apiUrl: 'http://localhost:3000/api'
};

3. 在 environment.prod.ts 文件中定义生产环境的变量，如：

export const environment = {
  production: true,
  apiUrl: 'https://production-api-url.com/api'
};

4. 在 angular.json 文件中配置环境变量的路径。找到 projects -> your-project-name -> architect -> build -> configurations，然后添加以下配置：

"configurations": {
  "production": {
    "fileReplacements": [
      {
        "replace": "src/environments/environment.ts",
        "with": "src/environments/environment.prod.ts"
      }
    ],
    ...
  }
}

5. 在你的代码中引入环境变量，如：

import { environment } from '../environments/environment';

if(environment.production) {
  console.log('Production mode');
} else {
  console.log('Development mode');
}

这样就可以根据不同的环境加载相应的环境变量，使得你的应用在开发和生产环境下都能正常运行。