一、情景说明
单独给某个路由组件配置守卫
二、案例
给news
路由配置独享路由守卫
在进入该路由组件前,会触发相关函数
函数内编写鉴权功能的相关代码即可
关键配置:beforeEnter
{name:'xinwen',path:'news',component:News,meta:{isAuth:true,title:'新闻'},beforeEnter: (to, from, next) => {console.log('独享路由守卫',to,from)if(to.meta.isAuth){ //判断是否需要鉴权if(localStorage.getItem('school') ==='china'){next()}else{alert('学校名不对,无权限查看!')}}else{next()}}},
三、补充
beforeEnter
函数的三个参数(to, from, next)
和前置路由守卫的三个参数含义相同。
且该配置,可以配合全局后置路由守卫
一起工作