Vue Router beforeEach.js

beforeEach.js

import store from '@/store'

const route = {
    login: 'login',
    dashboard: 'dashboard'
}

export default async (to, from, next) => {
    // Set head title
    document.title = (to.meta.title) ? `${to.meta.title} / ${process.env.VUE_APP_FULL_NAME}` : process.env.VUE_APP_FULL_NAME

    if(to.meta.auth || (to.name !== 'login' && !store.getters['authentication/hasToken'])){
        try{
            await store.dispatch('authentication/checkToken')

            next()
        }catch(error){
            next({name: route.login})
        }
    }else if(to.name === 'login' && store.getters['auth/hasToken']){
        next({name: route.dashboard})
    }else{
        next()
    }
}