当访问令牌过期时，如何将Nuxt auth模块（oauth2）中的刷新令牌与key斗篷一起使用

Question

Access token（Bearer JWT token）登录后工作成功，但在1-2分钟后Access token过期，axios request返回401 unauthorized，nuxt app有一个刷新token，但如何在nuxt中正确使用它从Keyclope服务更新Access token。这是我的nuxt.config.js

    strategies: {
      keycloak: {
        _scheme: 'oauth2',
        authorization_endpoint: `${process.env.AUTH_URL}/auth/realms/jhipster/protocol/openid-connect/auth`,
        access_token_endpoint: `${process.env.AUTH_URL}/auth/realms/jhipster/protocol/openid-connect/token`,
        scope: [
          'openid',
          'address',
          'email',
          'jhipster',
          'microprofile-jwt',
          'offline_access',
          'phone',
          'profile',
          'roles',
          'web-origins'
        ],
        response_type: 'code',
        grant_type: 'authorization_code',
        token_type: 'Bearer',
        client_id: 'web_app',
        token_key: 'access_token',
        autoLogout: true
      }
    }

Answer 1

在过去的一周里，我们遇到了同样的问题，v4.9.1。

在深入研究了源代码之后，很明显，虽然本模块即将推出的v5可能会引入对使用刷新令牌自动刷新访问令牌的支持，但v4似乎没有，尽管存储了刷新令牌。

为了解决这个问题，直到v5有一个稳定的版本，我们创建了一个模块插件。将其添加到项目目录中，并提供给Nuxt Auth插件。

nuxt.config.js中附带的策略配置使用：

...
  grant_type: 'authorization_code',
  response_type: 'code',
  access_type: 'online'
...

（其中grant_type不明显，因为没有记录。）

此外，在Keyclope本身的客户端配置中，我们必须：

• 禁用隐式流
• 将存取类型设置为"public"
• 设置Web源以允许来自Nuxt应用程序部署URL的CORS请求，或者如果这些已配置为“有效重定向URI”，则设置

这对我们很有效，当访问令牌过期时从Keycloak捕获401，使用刷新令牌获取新的访问令牌，然后重试原始失败的请求。

（从我对Nuxt Auth repo上报告相同问题的回答中交叉发布。）