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

如何将Azure应用程序设置/连接字符串传递给Angular应用程序,angular,azure,Angular,Azure,我正在尝试使用Pulumi部署我的服务,以使服务易于重用。为此,我有一个.NET核心API、SQL Server实例和一个角度前端。我想让它能够在不需要更改任何配置的情况下进行部署。现在,我使用Angular应用程序中硬编码的环境变量连接到api: export const environment = { production: true, //api url API_URL: "http://api.example.com" }; 我想将其移动到应用程序设置或连接字符串,以便这是

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

export const environment = {
  production: true,
  //api url
  API_URL: "http://api.example.com"
};
我想将其移动到
应用程序设置
连接字符串
,以便这是动态的,并且不需要为每个实例重建应用程序来更改API URL。这是一个相对简单的过程,API连接到数据库,但我无法用Angular解决这个问题,因为它不能像Node.js那样直接访问
process.env


有人建议我这样做的一种方法是在使用Pulumi部署时在运行时上传一个配置文件,但我无法弄清楚这一点。非常感谢您的帮助。

我有两个建议:

  • 使用相对路径设置api端点,如:
    api\u URL:“/api”
    ,然后可以使用nginx或其他代理将以“/api”开头的每个请求委托给后端端点

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