路由守卫
程序员文章站
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"
})
}
}
})