angular - 在 Angular CLI 的编译步骤中访问环境变量

Question

在使用 ng serve 时，有什么方法可以访问 Angular 2 组件中的环境变量吗？

例如:

API_URL=http://api.test.com ng serve

如何在 Angular 组件中访问 API_URL？

提前致谢!

Answer 1

CLI 专门为此目的提供“环境”文件。对于开发，将您的配置放在文件中:

src\environments.ts

对于生产，使用“

src\environments.prod.ts

当您构建应用程序时:

ng build -prod 

(或者只是 ng build 因为 -prod 是默认值)

Angular 将使用 environment.prod.ts 文件代替 environment.ts 文件。