azure - 根据 Auth0 在本地对 Vue 2 Azure 静态 Web 应用程序进行身份验证

标签 azure vue.js vuejs2 auth0 azure-static-web-app

我正在研究将现有 Vue 2 应用程序移植为 Azure 静态 Web 应用程序 (SWA) 的可行性。要求是能够在本地运行 Vue 应用程序并针对我们的 Auth0 租户进行身份验证,以检索与我们的 HTTP 请求一起发送的访问/承载 token 。

看来 SWA 可以利用 custom authentication (Auth0),我能够通过以下 this article 成功完成该操作。但是,我没有看到任何有关捕获访问 token 的信息。有一个 /.auth/me/ 端点,其中包含用户信息,但不包含访问 token :

enter image description here

我还调查了Azure Static Web App Emulator它允许在本地运行时定义身份配置文件,但我也没有看到在这里指定访问 token 的方法。

目前,SWA 在本地运行和实时发布时是否可以使用自定义身份验证提供程序获取访问 token ?

最佳答案

Azure 中的托管身份验证实际上仅对相当简单的用例有用。我认为您会希望直接在 Vue 应用程序中实现安全性。

https://auth0.com/docs/quickstart/spa/vuejs/01-login

您提到需要访问 token ,但没有说明它来自哪里或您正在用它做什么。您是否正在尝试调用受 Auth0 保护的 API?

https://auth0.com/docs/quickstart/spa/vuejs/02-calling-an-api

关于azure - 根据 Auth0 在本地对 Vue 2 Azure 静态 Web 应用程序进行身份验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/73422249/

相关文章:

javascript - 无法从 api Controller js 文件获取数据以使用 Vue.js 应用程序在 sails js 中查看 ejs 文件

vue.js - 如何使用 vue.js 计算 <body> 或 <html> 的样式?

javascript - 通过渲染函数实现的 v-model 不是响应式(Reactive)的

vuejs2 - nuxtjs 中的 vuex 模块模式

node.js - 需要修复使用 nodejs 从 azure blob 上传和下载图像的代码

Azure 逻辑应用程序 - 从队列消息的原始输入中删除双引号

javascript - 访问 promise 值 axios

python - 通过Python脚本查看Azure中虚拟机的故障和更新域

azure - 可以将 Azure 移动服务与 Azure 云服务混合使用吗?

javascript - 组件渲染后,Vue.js 将 click 事件绑定(bind)到 v-html 内的 anchor 元素