vue路由切换拦截，在每次发生路由导航时检测用户是否登录

话不多说，直接上代码：

router.beforeEach((to, from, next) => {
  let userName = localStorage.getItem('userName')
  if (to.name !== 'Login' && from.name !== 'Login') {
    if (userName === null) {
      return next({ path: '/' })
    }
    console.info('拦截跳转')
  }

  if (from.name === 'Login') {
    if (userName === null) {
      return next({ path: '/' })
    }
    console.info('userName')
    console.info(userName)
    console.info('拦截跳转')
  }

  next()
})

1、代码在全局路由表中注册beforeEach方法，在路由发生跳转前实现拦截

2、登录后将用户信息保存在localStorage中，通过校验用户名判断是否登录态(正统需请求后台)

3、源及目标路由涉及登录页，不拦截

4、其余跳转实行拦截，失去登录态，跳转至登录页