关于路由守卫随记

49 阅读1分钟

在路由数字中需要配置是否校验字段,同时写好校验逻辑以及需要重定向的页面

``` {
        path: "/Role",
        name: 'Role',
        component: () => import('@/view/role/Index.vue'), // 角色管理
        meta: {
            requiresAuth: true
        }
    },
            
            
 // 在路由页面配置对应的跳转逻辑即可  
 
 /**
 * 路由守卫
 */
router.beforeEach((to, from, next) => {
    const token = localStorage.getItem('tokenAi');
    if (to.matched.some(record => record.meta.requiresAuth) && !token) {
        // 如果前往的路由需要认证,但是没有token,则重定向到登录页面
        next({
            path: '/Login',
        })
        // next()
    } else {
        // 如果有token或不需要认证,则正常导航
        next()
    }
})`