API 的 Auth0 访问令牌在邮递员中有效,但在从 Vue 调用时无效
Auth0 access token to API works in postman but not when calling from Vue
我在 Auth0 中设置了 2 个项目:
- 应用程序 - 单页应用程序
- API - 自定义 API,机器对机器
我已按照下面 link 中的说明调用自定义 API:
https://auth0.com/docs/quickstart/spa/vuejs/02-calling-an-api
我已经下载了为上述两项配置了设置的示例。 Vue应用程序能够正确登录,并且能够使用下载的示例代码调用外部API(外部API,"backend",在示例代码是用 Node JS 编写的).
但是,当我将后端更改为已经为项目 2(自定义 API)设置的 Laravel/Lumen 应用程序时,Vue 应用程序收到 401 未授权错误。所以,我复制了通过 Vue 检索到的访问令牌:
const accessToken = await this.$auth.getTokenSilently();
console.log(accessToken);
并尝试使用此访问令牌调用 Lumen 后端 - 它工作得很好!
有没有什么地方我可能错过了让 Vue & Lumen 与 Auth0 一起工作的设置?
p/s:自定义 Lumen API 是按照以下说明制作的:
好的,事实证明我在示例代码的 axios 部分出错了。示例使用的是 get,而我的 API 使用的是 post。所以我最终在错误的 axios 参数中发送了 header 。希望这对遇到同样问题的人有所帮助。
我在 Auth0 中设置了 2 个项目:
- 应用程序 - 单页应用程序
- API - 自定义 API,机器对机器
我已按照下面 link 中的说明调用自定义 API:
https://auth0.com/docs/quickstart/spa/vuejs/02-calling-an-api
我已经下载了为上述两项配置了设置的示例。 Vue应用程序能够正确登录,并且能够使用下载的示例代码调用外部API(外部API,"backend",在示例代码是用 Node JS 编写的).
但是,当我将后端更改为已经为项目 2(自定义 API)设置的 Laravel/Lumen 应用程序时,Vue 应用程序收到 401 未授权错误。所以,我复制了通过 Vue 检索到的访问令牌:
const accessToken = await this.$auth.getTokenSilently();
console.log(accessToken);
并尝试使用此访问令牌调用 Lumen 后端 - 它工作得很好! 有没有什么地方我可能错过了让 Vue & Lumen 与 Auth0 一起工作的设置?
p/s:自定义 Lumen API 是按照以下说明制作的:
好的,事实证明我在示例代码的 axios 部分出错了。示例使用的是 get,而我的 API 使用的是 post。所以我最终在错误的 axios 参数中发送了 header 。希望这对遇到同样问题的人有所帮助。