【VueRouter】路由守卫基本配置

随便记一下路由守卫配置

const router = new VueRouter({})
router.beforeEach(async (to, from, next) => {
    // to 要去的路由 from 从哪个路由过来的 next 强制跳到哪个路由
    
    // 假设token为 false 不存在
    const token = VueCookie.isKey('token');
    // token不存在并且 当前页面不在Login 则前往Login
    if (token == false && to.name !== 'Login') {
        next({ name: 'Login' })
    }
    // token存在 且目前在Login 则跳转到 main
    else if (token == true && to.name === 'Login') {
        next({ name: 'main' })
    }
    else {
        // 原地不动
        next()
    }
})