angular - 如何将 Azure 应用程序设置/连接字符串传递给 Angular 应用程序

Question

我正在尝试使用 Pulumi 部署我的服务，以便轻松重用。为此，我有一个 .NET Core API、SQL Server 实例和一个 Angular 前端。我想让它可以在不需要更改任何配置的情况下进行部署。现在，我使用 Angular 应用程序中硬编码的环境变量来连接到 api:

export const environment = {
  production: true,
  //api url
  API_URL: "http://api.example.com"
};

我想将其移至应用程序设置或连接字符串，以便它是动态的，并且不需要为每个实例重建应用程序来更改 API网址。这是一个相对简单的过程，API 连接到数据库，但我无法使用 Angular 来解决这个问题，因为它无法像 Node.js 那样直接访问 process.env。

有人建议我这样做的一种方法是在使用 Pulumi 部署时在运行时上传配置文件，但我无法弄清楚这一点。任何帮助将不胜感激。

Answer 1

我有两个建议:

1. 使用相对路径设置 api 端点，例如:API_URL: "/api"，然后您可以使用 nginx 或其他代理将每个以 "/api"开头的请求委托(delegate)给您的后端端点。

2. 如果您没有代理服务器，您可以在前端项目或其他存储中添加一个配置文件，例如“endpoint.json”，其中包含“API_URL”。然后你可以添加一个服务来在 Angular 应用程序启动之前加载它。看看如何做到这一点 here .