博主首页

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 @   笑~笑  阅读(18)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
历史上的今天:
2020-01-08 oracle批量插入写法
点击右上角即可分享
微信分享提示