vue系列_vue-Router_全局路由守卫

一、给vue-Router的对象（实例），增加如下代码：

router.beforeEach((to, from, next) => {
	console.log(to.fullPath);
	if(to.fullPath!='/login'){//如果不是登录组件
		if(!localStorage.getItem("username")){//如果没有登录，就先进入login组件进行登录
			next('/login');
		}else{//如果登录了，那就继续
			next();
		}
	}else{//如果是登录组件，那就继续。
		next();	
	}
})

       以上代码表示，进入任何路由前，都需要先判断是否登录过，如果没有登录过，那就进入登录组件（/login）进行登录。如果登录过，那就一切正常，这就是路由守卫的意思。

二、完整代码：

	
	
	


	

	    添加商品
    	商品列表