vue中怎么实现登录注册及token验证

这篇文章主要讲解了“vue中怎么实现登录注册及token验证”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“vue中怎么实现登录注册及token验证”吧！

成都创新互联公司服务项目包括细河网站建设、细河网站制作、细河网页制作以及细河网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，细河网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到细河省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

1. 利用router.beforeEach钩子, 判断目标路由是否携带了相关meta信息

// router.js
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
const routes = [
 {
  path: '/',
  component: require('./views/Home'),
  meta: {
   requiresAuth: true
  }
 },
]
const router = new VueRouter({
 routes: routes
})
router.beforeEach((to, from, next) => {
 let token = window.localStorage.getItem('token') 
 if (to.matched.some(record => record.meta.requiresAuth) && (!token || token === null)) {
  next({
   path: '/login',
   query: { redirect: to.fullPath }
  })
 } else {
  next()
 }
})
export default router

2. watch route对象。原理同上。

感谢各位的阅读，以上就是“vue中怎么实现登录注册及token验证”的内容了，经过本文的学习后，相信大家对vue中怎么实现登录注册及token验证这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联，小编将为大家推送更多相关知识点的文章，欢迎关注！

本文名称：vue中怎么实现登录注册及token验证
当前地址：http://kswsj.com/article/joeoep.html