javascript - In welchem ​​Lebenszyklus führt Vue die JSSDK-Konfiguration von WeChat ein, um die Schnittstellenkonfiguration aufzurufen?

Question

In iOS wird der Fehler „Ungültige Signatur“ gemeldet, aber in Android ist er in Ordnung, und in den WeChat-Entwicklertools ist er in Ordnung.
Ich habe versucht, wx.ready in „create“ auszuführen, bevor „create“ gemountet wurde, habe aber immer eine ungültige Signatur gemeldet. Nach dem Schließen dieser Warnung kann die WeChat-Schnittstelle verwendet werden, wenn encodeURIcomponent beim Aufruf der Hintergrundschnittstelle direkt einen Fehler meldet, und die Protokollparameter der Hintergrundschnittstelle werden nach der Codierung auch im Stil angezeigt, wenn das Frontend nicht codiert ist. Bitte sagen Sie mir, was die Ursache dafür ist.

Answer 1

关于微信签名错误,请参考官方文档,具体问题具体分析,按步骤仔细排查.
然后关于初始化微信,如单组件使用在mounted中声明更加,也可在main.js中全局声明.
贴上我抽出的一般性代码:

export default {
  init() {
      let that = this;
      Service.wxConfig({//调用服务端获取签名配置
        url: location.href.split('#')[0]
      }, result => {
        if (result.success) {
          that.weixinConfig(result.data);
        }
      });
    },

    weixinConfig(data) {
      wx.config({
        debug: false,
        appId: data.appId,
        timestamp: data.timestamp,
        nonceStr: data.nonceStr,
        signature: data.signature,
        jsApiList: [
          'onMenuShareTimeline',
          'onMenuShareAppMessage',
          'showOptionMenu',
          'hideOptionMenu',
          'showMenuItems',
          'hideMenuItems',
          'chooseImage',
          'previewImage',
          'uploadImage',
          'chooseWXPay'
        ]
      });
    }
}