azure-web-app-service - Process.env.APPSEETING_MyAppSetting 在 Angular 8 中未定义为 Azure 上的 webAPP

Question

我使用 Angular 8 创建了一个应用程序，并作为 Windows 操作系统上的 Web 应用程序 (AppService) 部署在 Azure 上。我创建了一个名为 MyAppSetting 的 AppSetting。当我尝试以 process.env.APPSETTING_MyAppSetting 或 process.env.MyAppSetting 访问 Angular 8 中的应用程序设置时，它显示为未定义。

如何访问部署在 Azure 上的 Angular 8 中的应用程序设置值？

Answer 1

w不要相信这是可能的，因为 Angular 是一个客户端框架。由于它是在浏览器上下文中运行的前端框架，因此它无法访问服务器上的环境变量。 Angular 8 模板确实包含可用作解决方法的 environment.ts。以下博客文章展示了如何使用文件。

https://medium.com/@zaheeer1/angular-6-compile-time-vs-run-time-environments-180c86c3d2e2 https://www.jvandemo.com/how-to-use-environment-variables-to-configure-your-angular-application-without-a-rebuild/

不过，一个可行的选项是服务器端呈现。我不是角度专家，但 https://blog.jeremylikness.com/blog/2018-09-19_serverside-rendering-ssr-with-angular-in.net-core-2.1-part-three/演示了使用 Angular 与 Angular Univesral 和 dotnet 核心来实现服务端呈现。