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

Question

我在nuxt.js上有前端服务器，在django上有django-rest-framework的后端。谁能给我举个使用nuxt-auth本地策略刷新jwt令牌的例子？我尝试在vuex商店中保存令牌，但此代码返回未定义

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

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

然后将其声明为已定义的here

refresh_token: {
  prefix: '_refresh_token.'
},