微信分享：Android可以，ios分享失败

最新推荐文章于 2023-06-08 10:10:52 发布

转载最新推荐文章于 2023-06-08 10:10:52 发布 · 1.9k 阅读

文章标签：

#微信分享

vue 专栏收录该内容

25 篇文章

订阅专栏

本文介绍了解决iOS微信环境下Vue单页应用(SPA)的HTML5 History兼容性问题，通过判断并修正URL，避免签名错误，确保跨平台一致的用户体验。

部署运行你感兴趣的模型镜像

一般情况加：encodeURIComponent转url

var shareUrl = encodeURIComponent(location.href.split("#")[0]);

原因：iOS下URL的解析机制与安卓不一样，特别是在vue这种spa页面中，iOS中默认是第一次进入应用的URL，这样就会导致签名错误。

export default {
  beforeRouteEnter(to, from, next) {
    // XXX: 修复iOS版微信HTML5 History兼容性问题
    if (isIOSWeChat() && to.path !== location.pathname) {
      // 此处不可使用location.replace
      location.assign(to.fullPath)
    } else {
      next()
    }
  },
}