Vue路由导航守卫

挂载路由导航守卫

Created: Aug 13, 2020 10:24 PM
分类: 技术点
技术: 路由导航守卫
文件: router/index.js

// 挂载路由导航守卫
router.beforeEach((to, from, next) => {
  // 用户直接访问登录页放行
  if (to.path === '/login') return next()
  // 判断是否登录
  const tokenStr = window.sessionStorage.getItem('token')
  // 没有登陆强制跳转到登录页
  if (!tokenStr) {
    return next('/login')
  }
  next()
})

挂载路由导航守卫,判断有没有token,如果没有token那么返回首页