Vue history模式安卓分享没有问题微信分享IOS无效解决办法

原创于 2022-05-12 13:53:37 发布

· 883 阅读

0 ·

版权

文章标签：

#微信 #vue.js #ios

前端专栏收录该内容

16 篇文章

订阅专栏

在使用Vue.js开发的SPA应用中，遇到一个问题：配置了微信JSSDK，页面在Android和PC微信上分享正常，但在iOS设备上分享时提示当前URL未注册。问题根源在于iOS微信版本不更新URL导致签名验证失败。为解决此问题，通过检测用户代理并在iOS设备上遇到路径变化时，强制跳转到全路径，修复了分享问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用vue采用history模式进行开发，微信自定义分享，在签名debug没有报错的情况下，PC端开发者工具以及安卓都没有问题，但唯独IOS不行

用SPA做微信h5，调用微信jssdk的页面，安卓微信上木有问题，ios微信报当前url未注册

经过调试，是ios微信版本问题导致页面跳转url未变化，导致验签失败

router.beforeEach((to, from, next) => {
  var u = navigator.userAgent;
  var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
  if(isiOS && to.path!==location.pathname){
    location.assign(to.fullPath)
  }
})