vue H5微信公众号(jsapi)分享神坑记录

以下是在后台的签名校验通过，无误的情况下的其它bug记录

1.路由之间的跳转用

window.location.href，不要去用

this.$router.push去跳转，否则会出现 invalid signature错误

 2.调用后台接口后去appId等信息时所传的url，必须是当前页面

window.location.href且路径不能有#，所以route需要用history模式

3.后台授权获取openId后的重定向不能拼接太多参数，否则，可能出现，第一次进入页面就报invalid signature 然后，刷新页面后就又正常的现象

4.微信的api调用必须是以下模式，最好不要去抽离wx.ready里面的代码，否则可能出现分享出去的东西，要么标题自定义无效，要么，图片自定义无效等问题

wx.config({
  
});
wx.error(function (res) {
    // alert(JSON.stringify(res));
});
wx.ready(function () {
    let shareData = {
       
    };
    wx.onMenuShareAppMessage(shareData);
    wx.onMenuShareTimeline(shareData);
});

5.后台获取appId等信息的接口，必须是post请求，get请求也会报invalid signature

6.开启

wx.config开启debug时，会在分享时的任何一步骤时都有alert信息提示，没有的话，建议排查以上4点

注：正常的分享出去的信息，标题，副标题，图片，link跳转都是可以自定义的，如果任何一个不生效的情况，排查以上6点