VUE设置控制守卫，未登陆时自动跳转到登陆页，登陆后正常访问页面

index.js中设置以下内容：

const router = new Router({

  routes: [

    {

      path: '/',

      name: 'HelloWorld',

      component: HelloWorld,

      meta:{requireAuth:true}

    },

    {

      path: '/login',

      name: 'login',

      component: Login

    },

    {

      path: '/index',

      name: 'index',

      component: index,

      meta:{requireAuth:true}

    },

  ]

});

router.beforeEach((to, from, next) => {

 //requireAuth对应上面每一个跳转的 meta:{requireAuth:true},

 //配置上说明访问该路径时须要检测是否登陆状态

 if(to.meta.requireAuth) {

   //sessionStorage可直接使用，无需引入

   //在登陆页，点击登陆按钮后设置sessionStorage.setItem("key","value")

   //经过sessionStorage.getItem("account")获取，若是有值则是登陆状态,无值则为未登陆，自动跳转到登陆页

   if(sessionStorage.getItem("account") == null) {  

      next('/login');      

   }else{     

     next();

    }

 }

 else{

    next();

 }

});

export default router;