(十六)Vue中的路由拦截

2018-11-02  本文已影响0人  我拥抱着我的未来

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

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') // 否则全部重定向到登录页
    }
  }
})
上一篇下一篇

猜你喜欢

热点阅读