美文网首页
vue IOS微信分享无效

vue IOS微信分享无效

作者: goodTime_luo7 | 来源:发表于2019-11-22 14:46 被阅读0次

    最近做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
    }
    

    相关文章

      网友评论

          本文标题:vue IOS微信分享无效

          本文链接:https://www.haomeiwen.com/subject/chgymctx.html