Vue之路由拦截

简单来说有全拦截，也有单独路由拦截。本节主要是全拦截

const whiteList = ['/login', '/', '/location'] // 免登录白名单

router.beforeEach((to, from, next) => {
  let flag = window.localStorage.getItem('flag')
  if (flag) { // 判断状态
    /* has token */
    if (to.path === '/person') {
      next()
    }
    next()
  } else {
    /* 没有 */
    if (whiteList.indexOf(to.path) !== -1) { // 在免登录白名单，直接进入
      next()
    } else {
      next('/login') // 否则全部重定向到登录页
    }
  }
})

微信公号搜索：遇见一朵小花。（或扫描二维码）找我玩啊只讲对你有用的东西。

也常常给粉丝寄出自己看完闲置的好书，喜欢看书的可以来看看，

还不定期在公众号请大家喝奶茶！

想与我聊聊或者有什么问题都可以在公众号找到我。

等你哟~