在Angular中，如何在构建后手动编辑环境变量？

Question

我将API基址存储在我的环境类中，并将其反映到 建立后的捆绑包。我需要的是一种以某种方式解放这一点的方法 从构建过程中获得的价值，以防万一我想在不同的环境下部署应用程序 具有不同API地址的服务器，我不必仅为了新的URL而进行其他构建。 我的应用程序非常庞大，构建过程非常耗时。

这是我的环境中的东西。prod.ts：

export const environment = {
  production: true,
  configName: 'prod',
  baseUrl: 'https://mpisitweb1/api'
};

Answer 1

我会尝试创建一个位于您的Assets文件夹下的environment.json，并使其公开可用。当您的应用程序启动时，我会请求（在您提供服务的同一URL上）下载包含API baseUrl的文件。

您必须将值存储在不同的Angular中，尽管您无法覆盖环境变量，最好将其放在可以注入到HTTP Interceptor中的服务中，以便您可以指定以“ {BASE_URL}”作为您的基准点，并让拦截器将其更改为所需的内容，以使您的应用程序的其余部分无法识别。