Vue2.0 二级三级路由、路由守卫

一、二级路由和三级路由

router/index.js
A路由设置
Vue2.0 二级三级路由、路由守卫_第1张图片

针对二级路由或者三级路由的直接默认显示路由信息
Vue2.0 二级三级路由、路由守卫_第2张图片
B引入路由信息
Vue2.0 二级三级路由、路由守卫_第3张图片

二、路由守卫信息:
全局配置守卫信息:
main.js

router.beforeEach((to,from,next)=>{
	//alert("还没有登录,请先登录");
	//next();
	
	//判断store.gettes.isLogin ===false
 if(to.path =='/login' || to.path =='/register'){
 		next();
 }else{
 		alert("还没有登录,请先登录");
 		next('/login');
 }
})

你可能感兴趣的:(软件应用,vue)