How logout user when one of APIs responds Unauthorized 401 (Nuxt-Auth)

Question

How logout user when one of APIs responds Unauthorized 401 with Nuxt-Auth? I use AXIOS & built-in functions of Nuxt-Auth for requests

My nuxt-config settings for nuxt-auth:

    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'},
                },
            },
        }
    },

score 5 · Accepted Answer · answered Jan 10 '22 at 10:16

5

Since you're using Axios, it'll be easy to use Interceptors and catch the error according to your requirement and then call the logout action

Something like below with a plugin created in src/plugins/axios.js will work

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

answered Jan 10 '22 at 10:16

UdithIshara

405
3
7

That will destroy default nuxt header on error, and app will be lagged in some request – Jul 04 '22 at 18:55
1

$auth is not present here how are you calling the logout action? – aks Aug 18 '22 at 09:42

score 1 · Answer 2 · edited Sep 29 '22 at 21:26

1

pass context instead of $axios:

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

edited Sep 29 '22 at 21:26

Derek Pollard

6,953
6
39
59

answered Sep 24 '22 at 08:32

Threadprogrammer

11
1
3

How logout user when one of APIs responds Unauthorized 401 (Nuxt-Auth)

2 Answers2