vue中路由守卫

登陆成功设置和获取localStorage

localStorage.setItem('Authorization', "123");  
lalStorage.getItem('Authorization');  

在路由文件中这样设置

    import Vue from 'vue'  
    import Router from 'vue-router'  
   import HelloWorld from '@/components/HelloWorld'  
	  
	Vue.use(Router)  
	  
	 const router =new Router({  
	  routes: [  
	    {  
	      path: '/',  
	      name: 'HelloWorld',  
	      component: HelloWorld  
	    },{  
	        path: '/home',  
	        component: resolve => require(['../components/home.vue'], resolve),  
	    },{  
	      path: '/alarm',  
	        component: resolve => require(['../components/alarm.vue'], resolve),  
	    },{  
	      path: '/baidu',  
	        component: resolve => require(['../components/baidumap.vue'], resolve),  
	    },{  
	      path: '/',  
	        component: resolve => require(['../components/HelloWorld.vue'], resolve),  
	    }  
	  ]  
	});  
	 router.beforeEach((to, from, next) => {  
	    
	    if (to.path === '/') {  
	    next();  
	  } else {  
	    let token = localStorage.getItem('Authorization');  
	   
	    if (token === null || token === '') {  
	      next('/');  
	    } else {  
	      next();  
	    }  
	  }  
	    
	});  
	export default router;