欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

路由前置守卫

程序员文章站 2022-03-24 18:19:21
...
 

const  writeList = ['/login','/404']
   
router.beforeEach(( to , from , next) => {

        // 获取到token (在vuex里放着)

       const  token = store.state.模块名.xxx
        
        if( token ) {
            
            if(to.path === '/login') {
                    
                next('跳转到主页')


            } else {
           
            next()
         
          }

      } else {

// 如果没有token 判断是否在白名单里 , 如果在next() , 不在跳到登录页
   
        if( writeList.includes(to.path)) {
             
                next()

       } else {
         
              next('/login')

      }

   
   }

})

相关标签: javascript