今天开发微信H5页面跳转小程序,安卓和开发者工具都没问题,IOS第一次进入会报错验签失败,我的是vue项目。
实测添加一行代码解决,只传原始地址,不能传完整url,看其他人什么刷新,什么判断都无效
let url = location.href.split('#')[0]; // 就是这行 去掉路由信息
wxApi.wxConfig(url).then((response) => {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: response.data.appId, // 必填,公众号的唯一标识
timestamp: response.data.timestamp, // 必填,生成签名的时间戳
nonceStr: response.data.nonceStr, // 必填,生成签名的随机串
signature: response.data.signature, // 必填,签名,见附录1
jsApiList: ['scanQRCode'],
openTagList: ['wx-open-launch-weapp']
});
wx.ready(function () {
})
}
还有这个跳转按钮的样式居然必须放到线上才能测试,本地和开发者工具看不到,所以条按钮样式的时候改一次css就要发布一次,无语…