vue 全局钩子判断是否登录

一在路由表中配置meta标签

    {
      path: '/purchase',
      name: 'Purchase',
      component:Purchase,
      meta:{
          requireAuth :true 
      }
    },

二在min.js中写一个全局钩子

router.beforeEach((to, from, next) => {
      let data = local.fetch('yy')  //获取本地存储的token
      // console.log(data)
      if(to.meta.requireAuth){     //判断requireAuth进行一下步骤
        if(data.length>0){
          next()
        }else{
          alert('请登录')
          next({
            path:'/login'
          })
        }
      } else{
        next()
      }    
}),

你可能感兴趣的:(vue 全局钩子判断是否登录)