使用 Auth0 登录成功，但仍返回 401“访问被拒绝”？

Question

我设法让 Auth0 对我的 Vue.js 应用程序有些作用。快速入门指南很简单。所以发生的事情是我设法使用了登录功能并被提示使用 Auth0 登录对话框。我使用我的 google 帐户进行了快速登录。这也奏效了。我的 google 帐户现在在我的 Auth0 仪表板中显示为新用户。

然而，登录后我返回到我的 Vue.js 应用程序，但授权似乎没有成功。

网络选项卡告诉我以下内容：

{"error":"access_denied","error_description":"Unauthorized"}

我想知道在用户被视为“授权”之前我是否必须给他一些角色或权限？我的印象是默认情况下这将是正确的，并且只有在我开始在 Auth0 仪表板中定义角色时才会受到限制。

请赐教！

PS：我在处理 SPA 时正在使用 Auth0 提供的非隐式登录对话框。我读到可能会引起麻烦？

附注 2：

以及“失败交换”日志的原始数据：

{
  "date": "2020-08-24T10:43:52.005Z",
  "type": "feacft",
  "description": "Unauthorized",
  "connection_id": "",
  "client_id": "<Client_ID>",
  "client_name": null,
  "ip": "85.197.56.111",
  "user_agent": "Chrome 83.0.4103 / Linux 0.0.0",
  "details": {
    "code": "*************T8a"
  },
  "hostname": "alemanni-game.eu.auth0.com",
  "user_id": "",
  "user_name": "",
  "log_id": "90020200824104353383000015217913666506642073534760747026",
  "_id": "90020200824104353383000015217913666506642073534760747026",
  "isMobile": false
}

Answer 1

我遇到了这个问题，终于找到了这个问题的原因。我在寻找该问题的解决方案时遇到了这个问题，但尚未得到解答。由于我能够解决这个问题，所以我决定回答这个问题。

就我而言，问题是令牌端点返回错误状态代码401，unauthorized/access denied这似乎也是您的情况的问题。

问题是由于应用程序设置中的“令牌端点身份验证方法”值不正确。

对于单页应用程序，其值应为“None”，但错误地设置为“POST”。

看来我们无法改变它的值，所以我只是创建了一个新的应用程序并选择“单页Web应用程序”作为应用程序类型。这解决了这个问题。