欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

路由守卫

程序员文章站 2022-03-24 18:53:03
...

在跳转之前执行

Vue.beforeEach(function(to,form,next){}) 

to:即将进入的路由对象
from:当前导航即将离开的路由
next:进行管道中的下一个钩子函数,如果执行完了,则导航的状态就是 confirmed (确认的);否则为false,终止导航。

例:在main.js中使用路由的钩子函数,设置登录时的全局路由守卫

router.beforeEach((to,from,next)=>{
    if(to.name==="login"){
    	//当前正在登录
        next()
    }else{
    	//判断本地缓存里是否有登录信息
        if(sessionStorage.getItem("username")){
            next()
        }else{
            next({
            	//进行登录
                path:"/login"
            })
        }
    }
})
相关标签: 路由守卫