美文网首页
(十六)Vue中的路由拦截

(十六)Vue中的路由拦截

作者: 我拥抱着我的未来 | 来源:发表于2018-11-02 11:59 被阅读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') // 否则全部重定向到登录页
        }
      }
    })
    

    相关文章

      网友评论

          本文标题:(十六)Vue中的路由拦截

          本文链接:https://www.haomeiwen.com/subject/wawqxqtx.html