微信公众号的获取token详解

beforeMount() {
    //判断是否为微信环境 --- 两行代码
    var ua = navigator.userAgent.toLowerCase();
    if (ua.match(/MicroMessenger/i) == "micromessenger") {
      //  在本地获取token,如果token为空或者为null或者为null的时候,就要请求后台,获取token
      var huoqutoken = window.localStorage.getItem("token");

      if (
        huoqutoken == "" ||
        huoqutoken == null ||
        huoqutoken == "null" ||
        huoqutoken == undefined
      ) {
        //如果没有token,并且没有code的时候,我们需要请求接口,获取code  data:{https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxda42c05b4523e7f5&redirect_uri=https%3A%2F%2Fji.zhifengwangluo.com&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect}
        if (
          window.location.href.indexOf("code") == 0 ||
          window.location.href.indexOf("code") <= 0
        ) {
          var local = window.location.href; // 获取当前页面的url
          this.$axios({
            method: "get",
            url: "login/get_code_url?baseUrl=" + local
          }).then(res => {
            console.log(res.data.data);
            var lianjie = res.data.data;
            window.location.href = lianjie;
          });
        } else {
          // 如果有code的话,我们就成功了,接下来要token了
          // getQueryString用来截取code的值
          var code = this.getQueryString("code");
          console.log("App before line 46 "+Date.now())

          this.$axios({
            method: "get",
            url: "login/login_by_code?code=" + code
          }).then(res => {
            	console.log("App after line 46 "+Date.now())
            // alert(res.data.data.token)
            //获取token,储存到本地
            if (res.data.status == 1) {
              if (!res.data.data.token || res.data.data.token == null) {
                alert("token出错：" + res.data.data.token);
              }

              console.log("token:", res.data.data.token);
              window.localStorage.setItem("token", res.data.data.token);
              // sessionStorage.setItem("token", res.data.data.token);
              this.$store.state.token = res.data.data.token;
              this.$store.commit("updateToken", res.data.data.token);
            } else {
              alert(res.data.msg);
            }
          });
        }
      } else {
        console.log("updateToken");
        this.$store.commit("updateToken", huoqutoken);
      }
    } else {
      console.log("APP line 70 :不是微信环境");
      window.localStorage.setItem("token","1");
      // sessionStorage.setItem("token","eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJEQyIsImlhdCI6MTU1OTYzOTg3MCwiZXhwIjoxNTU5Njc1ODcwLCJ1c2VyX2lkIjo3Nn0.YUQ3hG3TiXzz_5U594tLOyGYUzAwfzgDD8jZFY9n1WA")
    }
  },

在app.vue 中写,微信公众号的获取token详解