router 路由守卫

最新推荐文章于 2024-09-03 10:08:13 发布

枳睐

最新推荐文章于 2024-09-03 10:08:13 发布

阅读量140

点赞数

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/wangjianghao1017/article/details/130228534

版权

登录成功后先将token存到 sessionStorage中

然后依据token判断用户是否登录，如果登录成功 sessionStorage 中就会存有 token，如果没有token就说明用户没有登录

router.beforeEach((to,from,next)=>{
  // to 表示将要访问的路径
  // from 表示从哪个路径跳转而来
  // next 是一个函数 ，表示放行   next() 放行   next('/home) 表示强制跳转某个路由
  if(to.path==='/login'){
    return next()
  }
  const tokenStr = window.sessionStorage.getItem('token')
  if(!tokenStr){
    return next('/login')
  }else{
    return next()
  }
})