javascript - vue引入微信jssdk 配置在哪個生命周期調取接口配置？

問題描述

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

問題解答

關于微信簽名錯誤,請參考官方文檔,具體問題具體分析,按步驟仔細排查.然后關于初始化微信,如單組件使用在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’] }); }}