vueはルートの中でtokenが存在するかどうかを検証する簡単な実現

1.router/index.jsで検証する
2.コードは以下の通りです

import Vue from 'vue'
import Router from 'vue-router'
import Login from '@/components/common/Login';
......

Vue.use(Router)
const router = new Router({
 routes: [{
   path: '/',
   name: Login,
   component: Login,
  },
  {
   path: '/home',
   component: Home,
   meta: {                  
    requiresAuth: true   //        ,              .
   },
   children: [{
     path: '/paChong',
     name: 'PaChong',
     component: PaChong
    }
   ]
  }
 ]
})
router.beforeEach((to, from, next) => {
 if (to.matched.some(record => record.meta.requiresAuth)) {   //       
  if (!sessionStorage.getItem("token")) {           // token      
   next({
    path: '/',                        //           
    query: {
      redirect: to.fullPath                 //      
     }
   })
  } else {
   next()
  }
 } else {
  next()                            //         next()
 }
})

export default router

以上のvueはルートの中でtokenが存在するかどうかを検証する簡単な実現は小編がみんなに共有するすべての内容です。