独享路由守卫
就是某一个路由所单独享用的路由守卫
需求
{
name: 'xinxi',
path: 'news',//注意路由底层给你加了'/'如果自己加'/'有可能还显示不出效果
component:News,
meta:{isAuth:true,title:'信息'},
beforeEnter: (to,from,next)=>{
//里面的内容跟全局前置路由守卫一样的代码
console.log('beforeEnter',to,from,next)
if(to.meta.isAuth){
if(localStorage.getItem('school') === 'bilibili'){
next()
}else{
alert('权限不够用')
}
}else{
next()
}
}
},
点击News引起路径的变化 -> 前端路由器发生了变化 -> 监测到后就引起对里面进行规则的对比 -> 进入之前就会帮你调beforeEnter
独享路由守卫只有前置没有后置
独享的路由守卫
可以和全局后置路由守卫
配合在一起(可以随意的组合)