Detailed explanation of common usage methods of weixin-js-sdk in vue

npm install weixin-js-sdk

<script>
var ua = navigator.userAgent.toLowerCase();
var isWeixin = ua.indexOf('micromessenger') != -1;
var isAndroid = ua.indexOf('android') != -1;
var isIos = (ua.indexOf('iphone') != -1) || (ua.indexOf('ipad') != -1);
if(!isWeixin) {
 document.head.innerHTML = '<title>Sorry, an error occurred</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0"><link rel="stylesheet" type="text/css" href="https://res.wx.qq.com/open/libs/weui/0.4.1/weui.css" rel="external nofollow" >';
 document.body.innerHTML = '<div class="weui_msg"><div class="weui_icon_area"><i class="weui_icon_info weui_icon_msg"></i></div><div class="weui_text_area"><h4 class="weui_msg_title">Please open the link in the WeChat client</h4></div></div>';
} 

import env from "./env"; //Running environment

<script>
methods:{
 // WeChat login wxLogin() {
      var that = this;
      axios
        .get("/common/loginAuth")
        .then(function(res) {
          console.log("The link address returned by the background", res.data);
          window.location.href = res.data; // Jump to the link address returned by the background})
        .catch(function(error) {});
    },
//Exchange user information postCode(res) {
      var that = this;
      axios
        .post("/common/getUserInfo", {
          code:res
        })
        .then(function(res) {
          cookie.set("openid", res.data.openid); //code exchanges openid for backend and stores it})
        .catch(function(error) {
          console.log(error);
        });
    }},
created() {
    var r = window.location.href; //Get the current link and split the current link //The current link address is the parameter returned by the background. If there is a split, get the code in the link, use the postCode() method to get the openid. If there is no openid, use the wxLogin() method to start WeChat login if (r.indexOf("?") != -1) {
      r = r.split("?");
      r = r[1].split("&");
      r = r[0].split("=");
      r = r[1];
    } else {
      this.wxLogin();
    }
    if (r) {
      this.postCode(r);
    } else {
      this.wxLogin();
    }
  },
</script>

import wx from 'weixin-js-sdk'
this.axios({
  method: 'post',
  url: 'url',
  data:{ url:location.href.split('#')[0] } // Provide the authorization url parameter to the server, and the part after # is not needed}).then((res)=>{
  wx.config({
    debug: true, // Enable debug mode,
    appId: res.appId, // Required, unique ID of the enterprise number, enter the enterprise number corpid here
    timestamp: res.timestamp, // Required, generates the timestamp of the signature nonceStr: res.nonceStr, // Required, generates the random string of the signature signature: res.signature, // Required, signature, see Appendix 1
    jsApiList: ['scanQRCode'] // Required, list of JS interfaces to be used, all JS interfaces are listed});
})