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

Question

我将 API 基地址存储在我的环境类中，它会反射(reflect)到构建后的包。我需要的是一种以某种方式解放它的方法构建过程的值(value)，以防万一我想在不同的环境下部署应用程序具有不同 API 地址的服务器，我将不必仅仅为了一个新 URL 而进行另一次构建。我的应用程序非常庞大，构建非常耗时。

这是我的 environment.prod.ts 中的内容:

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

Answer 1

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

您必须将值存储在 Angular 中不同的地方，因为您不能覆盖环境变量，最好将它放在可以注入(inject)到 http 拦截器中的服务中，这样您就可以指定“{BASE_URL}”作为您的基点，并让拦截器将其更改为所需的内容，这样您的应用程序的其余部分就不知道了。