博主首页

vue3路由守卫

所有的路由跳转都会经过这个方法,在这里可以处理未登录拦截,权限控制,以及找不到页面404等情况

// 创建router实例
const router = createRouter({
    history: createWebHistory(),
    routes,
});
router.beforeEach((to, from) => {
    let number = router.getRoutes().filter(r => r.path === to.path);
    console.log("n",number.length)
    if(number.length === 0){
        console.log("to1",to)
        return '/标题一_1'
    }
    console.log("to",to)
    console.log("from",from)
    // ...
    // 返回 false 以取消导航
    return true
})

 

posted @ 2025-01-08 11:04  笑~笑  阅读(29)  评论(0)    收藏  举报