JWT 令牌错过了 Nuxt Auth 模块中带有 Auth0 的声明

Question

成功登录后，在我的 Nuxt 应用程序中，我收到了来自 Auth0 的声明。 Devtools 控制台显示它：

$vm0.$auth.$state.user['https://hasura.io/jwt/claims']
{x-hasura-default-role: "user", x-hasura-allowed-roles: Array(1), x-hasura-user-id: "auth0|5e989a*******"}

但是我的令牌没有这个声明，所以我的 hasura 请求失败了。我在控制台中声明后立即检查令牌：

$vm0.$auth.getToken('auth0')
"Bearer eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6Ik1ESTNNa0l5...

我使用 https://jwt.io/ 对其进行解码，但没有声明：

{
"iss": "https://*******.eu.auth0.com/",
  "sub": "auth0|5e989a*******",
  "aud": [
    "https://*******.eu.auth0.com/api/v2/",
    "https://*******.eu.auth0.com/userinfo"
  ],
  "iat": 1587059738,
  "exp": 1587066938,
  "azp": "MxJB0Y9dxvdGZnTAb2a4Y0YOHArvbkWt",
  "scope": "openid profile email"
}

这是我在 Auth0 仪表板中的声明脚本：

function (user, context, callback) {
const namespace = "https://hasura.io/jwt/claims";
  context.idToken[namespace] = 
    { 
      'x-hasura-default-role': 'user',
      // do some custom logic to decide allowed roles
      'x-hasura-allowed-roles': ['user'],
      'x-hasura-user-id': user.user_id
    };
  callback(null, user, context);
}

Answer 1

我通过更改 Auth0 仪表板中的声明脚本解决了这个问题。它应该是 context.accessToken[namespace] = {...} 而不是 context.idToken[namespace] = {...}，现在我的令牌中有该声明数据。

JWT 令牌错过了 Nuxt Auth 模块中带有 Auth0 的声明

JWT token miss the claim in Nuxt Auth module with Auth0

jwt

auth0

nuxt.js

hasura