vue IOS微信分享无效

最近做H5微信分享,安卓是没问题的,但是发现ios必须刷新页面才能分享成功。原因是我们在分享的时会请求一个接口并传一个url给后台,ios端在页面切换的时候无法自动切换url链接,导致ios传url的时候一直报签名错误。我们要做的是给ios url链接重定向。

我这里ios签名错误的原因主要是给后台传的这个url的问题:

安卓传的是本页面的url,而ios传的是你第一次进去页面的那个url

现在问题就比较好解决了:

进入的页面放:

beforeRouteEnter (to, from, next) {
      let userAgent = navigator.userAgent
      if (userAgent.includes('iPhone') || userAgent.includes('iPad')) {
        sessionStorage.setItem('originUrl', location.href)  // 用于ios分享
      }  
      next()
},

要分享的页面:

let shareUrl;
if (userAgent.includes('iPhone') || userAgent.includes('iPad')) {
    shareUrl = sessionStorage.getItem('originUrl')
}else {
    shareUrl = location.href
}
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容