vue-router 路由守卫【实战案例】无访问权限时，自动跳转到登录页面

{
    path: '/dic',
    name: '速查手册',
    component: resolve => require(['@/projects/dic/index'], resolve),
    beforeEnter: (to, from, next) => {
        // 若访问的不是登录页面且未授权，则自动跳转到登录页面
        if (to.name !== '登录' && !isAuthenticated) {
            next({name: '登录'})
        } else {
            next()
        }
    }
},
           

更多详情可以参考官网  https://router.vuejs.org/zh/guide/advanced/navigation-guards.html#导航守卫