VUE简单微信拉取授权

此方法,需要手机端(相对安全)(因为此方法不安全):其次要有个好后端

第一步 来一个假性登陆界面(方便处理,跳转)

//创建一个登陆的空白页面  
 created() {
    var that = this;
    //此接口 
    //初次进入两种情况  1.用户有token  (就是授权过)  2. 未授权
    that.axios.post("login", {}).then(res => { 
      //2 
      if (that.$route.query.token) { //授权了的用户   
            localStorage.setItem("token",that.$route.query.token);
           that.$router.push({ path: "/home/goodslis" });
      } else { //未授权的用户
      //第一步  
        if (res.data.status == 1) {
          // res.data.data 是后台返回地址路径(微信拉授权的路径)
          window.location.href = res.data.data;
        } 
      }
    });
  }

第二步 路由守卫进行配合

//路由守卫
router.beforeEach(function(to,from,next){
  if (to.meta.requireAuth) {  
   let token =  localStorage.getItem('token');
      if (token) {  
        next();
      }else{
        next({
            path: '/login'
            // ,query: {redirect: to.fullPath}  
            })
        }
  }else{
      next();
  }
})

完成了 是不是很简单 ; 主要是有个好后台