当其中一个API响应未经授权的401 (Nuxt)时，注销用户如何？

Question

当其中一个API用Nuxt响应未经授权的401时，用户如何注销？对于请求，我使用了AXIOS内置的Nuxt-Auth函数。

我对nuxt的nuxt设置：

​

    auth: {
        redirect: {
            login: '/login',
            logout: '/',
            callback: '/login',
            home: '/panel/dashboard'
        },
        strategies: {
            local: {
                token: {
                    property: 'token',
                    global: true,
                    type: 'Bearer',
                    required: true,
                },
                user: {
                    property: 'user',
                    autoFetch: true
                },
                endpoints: {
                    login: {url: '/api/auth/login_verify', method: 'post'},
                    logout: {url: '/api/auth/logout', method: 'get'},
                    user: {url: '/api/auth/validate', method: 'get'},
                },
            },
        }
    },

​

Answer 1

由于您使用的是Axios，所以很容易使用拦截器并根据需要捕获错误，然后调用注销操作

在src/plugins/axios.js中创建一个插件，如下所示，它将起作用

export default function ({ $axios }) {
  $axios.onError((error) => {
    if (error.response.status === 401) {
      CALL_LOGOUT_ACTION_HERE
    }
  })
}

Answer 2

传递上下文而不是$axios

export default function (context) {
    context.$axios.onError((error) => {
        if (error.response.status === 401) {
            context.$auth.logout()
        }
    })
}