vue引入微信jssdk 配置在哪个生命周期调取接口配置?

在ios中会报 invalid signature的错误,安卓就没事, 微信开发者工具里面也没事
在create beforecreate mounted中都尝试做wx.ready但是总是报invalid signature。 关闭这个alert之后微信的接口可以用,如果encodeURIcomponent在调取后台接口的时候就直接报错了,后台接口日志在前端没有encode的时候参数也是encode之后的样式。请教各位 这是什么原因导致的呢。

阅读 3.6k
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'
        ]
      });
    }
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题