13518219792
这篇文章将为大家详细讲解有关如何使用vue在路由中验证token是否存在，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
成都创新互联公司成立10年来，这条路我们正越走越好，积累了技术与客户资源，形成了良好的口碑。为客户提供成都网站设计、成都网站制作、外贸网站建设、网站策划、网页设计、域名注册、网络营销、VI设计、网站改版、漏洞修补等服务。网站是否美观、功能强大、用户体验好、性价比高、打开快等等，这些对于网站建设都非常重要，成都创新互联公司通过对建站技术性的掌握、对创意设计的研究为客户提供一站式互联网解决方案，携手广大客户，共同发展进步。
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是否存在”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。
