对API的Auth0访问令牌在邮递员中有效，但从Vue调用时无效

Question

我在Auth0中设置了2个项目：

1. 应用程序-单页应用程序
2. API-自定义API，机器对机器

我已按照以下链接中的说明调用自定义API：

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

我下载的示例具有针对上述两个项目配置的设置。 Vue应用程序能够正确登录，并且能够通过使用下载的示例代码来调用外部API（外部API，“后端”，示例代码是用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是根据以下指令创建的：

https://auth0.com/blog/developing-restful-apis-with-lumen/

Answer 1

好吧，事实证明我在示例代码的axios部分中犯了一个错误。该示例使用get，而我的API使用post。因此，我最终在错误的axios参数中发送了标头。希望这对遇到相同问题的人有所帮助。