vue在路由中验证token是否存在的简单实现
1.在router/index.js进行验证
2.代码如下：
importVuefrom'vue'
importRouterfrom'vue-router'
importLoginfrom'@/components/common/Login';
......
Vue.use(Router)
constrouter=newRouter({
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()
}
})
exportdefaultrouter
以上这篇vue在路由中验证token是否存在的简单实现就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。