Vue——路由守卫

前端拦截未登录用户，令其登录后才能访问

// 为路由对象挂载 beforeEach 导航守卫
router.beforeEach((to, from, next) => {
  // to 将要访问的路径
  // from 从哪个路径跳转
  // next 表示放行

  // 如果用户访问的登录页，直接放行
  if (to.path === '/login') return next()
  // 获取token
  const tokenStr = window.sessionStorage.getItem('token')
  // 如果没有token，强制跳转登录页
  if (!tokenStr) return next('/login')
  next()
})