在路由数字中需要配置是否校验字段,同时写好校验逻辑以及需要重定向的页面
``` {
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()
}
})`