javascript - vue引入微信jssdk 配置在哪個生命週期調取介面配置？

Question

在ios中會報 invalid signature的錯誤，安卓就沒事， 微信開發者工具裡面也沒事
在create beforecreate mounted中都嘗試做wx.ready但是總是報invalid signature。關閉這個alert之後微信的介面可以用，如果encodeURIcomponent在調取後台介面的時候就直接報錯了，後台介面日誌在前端沒有encode的時候參數也是encode之後的樣式。請教各位 這是什麼原因導致的呢。

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'
        ]
      });
    }
}