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;