Nuxt.js + nuxt-auth模块刷新jwt

Question

我在nuxt.js上有前端服务器，在django中有django-rest-framework的后端服务器。 谁能给我使用nuxt-auth本地策略刷新jwt令牌的示例吗？ 我尝试过将令牌保存在vuex存储中，但是此代码返回undefined

var dr = await this.$auth
    .loginWith('local', {
      data: {
        username: this.username,
        password: this.password
      }
    })
    .then(response => {
      console.log(response)
    })
    .catch(e => {
      this.error = e + ''
    })

Answer 1

您可以使用自定义策略来保存refreshToken： https ://auth.nuxtjs.org/reference/schemes

auth: {
  strategies: {
    local: { _scheme: '~/app/myCustomLocalStrategy.js', /* ... */ }
  }
}

Answer 2

我认为该方法将根据您在服务器上执行的操作而有所不同。 我能提供的最佳建议是获取nuxt-auth中存在的本地策略，并基于该策略创建自定义策略。

Nuxt-auth似乎与设置和获取刷新令牌有一些联系，但是它们没有记录在案或没有得到很好的集成：例如，没有与刷新端点的联系。

这不是理想的，但是有可能提出一些可行的建议。 例如，您可以在自定义策略中加入用户端点，并在用户端点抛出401时使用刷新令牌重新进行身份验证。

Answer 3

您可以在本地策略中定义端点以刷新授权令牌。

然后，您在这里定义它：

refresh_token: {
  prefix: '_refresh_token.'
},