vue-router路由拦截器判断用户是否登录

/* */

于 2021-06-22 21:45:12 发布

阅读量1k

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/qq_46138622/article/details/118118570

版权

Vue-Router 路由拦截权限控制 token验证登录页面

关键词由CSDN通过智能技术生成

使用vue-router提供的router.beforeEach来注册一个全局路由拦截

router.beforeEach(async (to, from, next) => {
  const _to = JSON.parse(localStorage.getItem('_to'));
  //不需要登录的直接放行
  if (to.meta.requiresAuth === false) {
    next()
    //如果页面需要登录，且登录失效，进入登录页面
  } else if (!_to && to.path !== '/login') {
    next({
      path: '/login'
    })
  } else {
    next()
  }

})

就是一个判断localStorage中是否存有token值，没有token就跳转到登录页面，当然，也可以存在sessionStorage中