首先要搞清什么是路由元信息
就是路由配置的meta对象里的信息
相关代码:
{
path:'/login',
name:'login',
meta:{a:true},
component : ()=> import('@/components/login')
}
怎么使用?
可以先在路由配置里面写好路由元信息
在使用路由里面的路由守卫来进行判断需不需要执行某项跳转或判断是否存在默写东西而去跳转
例:判断是否已存在该用户如果存在则直接跳转到详情页如果不存在则跳转到登录页登录完成后在跳转到详情页
相关代码:
路由配置:
{
path:'/login',
name:'login',
meta:{a:true},
component : ()=> import('@/components/login')
}
路由守卫:
router.beforeEach((to,from,next)=>{
let login = true
if(to.meta.a){
if(login){
next()
}else{
next({name:'home'})
}
}else{
next()
}
})
为什么要用?
通过 路由配置的meta对象里的信息可以验证需要登录的路由
总结:看完是不是觉得很简单,以后会陆续推出更多内容,尽请期待!