azure - 如何在 SPA Nuxt Web 应用程序中访问客户端的 Azure 应用程序设置

标签 azure environment-variables nuxt.js single-page-application

我需要在 Azure 应用程序设置中设置一个环境变量,以根据我使用的 Azure 插槽更改 api 端点 URL。因此,我尝试在我的配置设置中添加一个“BASE_URL”设置以及我想要使用的端点 URL,然后在我的 Nuxt 应用程序中,我尝试使用“process.env.BASE_URL”访问它,但我最终变得“未定义”。 Nuxt 文档和 Azure 文档一样毫无用处,你们知道如何在 Nuxt 应用程序中访问 Azure 应用程序设置吗? (甚至 Vue 应用程序?)

谢谢

最佳答案

您正在尝试从客户端(浏览器)上运行的应用程序获取服务器上的设置。默认情况下,这是行不通的。

一种解决方案是实现一个 API,该 API 返回您在前端所需的一个或多个设置,以便您可以从 SPA 调用该 API 并使用返回的设置。

另一个解决方案是使用 Azure 应用程序配置并从那里访问设置。有关如何从 JavaScript 访问应用程序配置的示例,请查看 Azure App Configuration client library samples for JavaScript .

These sample programs show how to use the JavaScript client libraries for Azure App Configuration in some common scenarios.

关于azure - 如何在 SPA Nuxt Web 应用程序中访问客户端的 Azure 应用程序设置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67306133/

相关文章:

api - 使用 Microsoft Graph api 进行增量 OAuth 同意

Azure 功能更好地直接调用我的 API 进行 sql server 数据库访问或使用我的 azure API

c# - 使用 Microsoft.AspNetCore.Authentication.AzureADB2C.UI 时如何覆盖/替换错误页面处理?

没有编码器的 azure 媒体服务视频修剪

linux - 是否设置了始终可靠的环境变量?

heroku - 如何使用 Nuxt.JS 应用程序访问 Heroku 环境变量

node.js - 如何解决运行 create-nuxt-app 时出现的此错误?

javascript - nuxt.js Vuex Vuejs 无法读取未定义的属性 'getters'

node.js - 如何动态更改在 Docker 容器中运行的 React 应用程序中的 API URL,而无需重建?

javascript - 应用程序 iOS 中未定义的 Cordova native 存储插件