H5 ios环境微信分享的一些坑

安卓手机中微信分享可以正常分享,而iphone手机中微信分享只有第一次进入的页面能分享成功,路由切换后分享失败(签名错误),重新刷新一次又能正常分享。
原因是:安卓手机的url会随着路由切换变化,iphone手机却不会,iphone手机的url永远都是第一次进来页面的url(location.href获取的是正常的url)。

解决方案:
在分享接口中做一个判断,如果是ios设备一直用第一次进入页面的url去请求获取参数,安卓就是用当前的url获取,以下Vue.initialUrl是获取到的初始url,完美解决切换路由后ios微信分享失败的问题:
在这里插入图片描述
还有一种方案:
使用location.assign方法来做刷新页面,不会新增一个浏览记录,但是有可能会造成后退两次才能回到上一页的问题,不推荐使用这个方式
H5 ios环境微信分享的一些坑_第1张图片

你可能感兴趣的:(H5 ios环境微信分享的一些坑)