首页 > 解决方案 > 如何在 Angular 中外部化我的环境变量?

问题描述

我们希望一次构建我们的 Angular 应用程序并将其部署到多个环境中。使用环境文件(在 中找到)的默认构建过程会在编译/src/environments时将环境文件的一种风格(例如/src/environments/environment.prod.ts)烘焙到 main.js 文件中。这意味着使用正常的 Angular 构建模式将需要每个环境单独构建,因为每个构建包都与特定环境相关联。这随后意味着我们可以将未经测试的包部署到我们的生产环境中,因为我们的产品构建不能在任何其他环境中使用。

因此,我们希望以某种方式将我们的环境文件外部化,以允许我们构建一个可以在所有环境中使用的单个包,并引用一组外部属性。我怎样才能做到这一点?

标签: angularbuildpackage

解决方案


您可以通过从服务器/API 获取环境变量来外部化它们。这是唯一的方法。正如@misha130 所解释的那样


推荐阅读