vue在路由中怎么验证token是否存在

今天小编给大家分享一下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的优点

Vue具体轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快等优势，Vue中页面使用的是局部刷新，不用每次跳转页面都要请求所有数据和dom，可以大大提升访问速度和用户体验。

以上就是“vue在路由中怎么验证token是否存在”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注编程网精选频道。