vue中微信分享出来的链接点开是首页 iOS是正常的 安卓不行

这次项目中 公众号Vue界面,有有关微信分享的功能,开始就正常调取微信接口jssdk 结果iOS正常功能,安卓手机分享任何界面别人打开都成了首页!开始搜了搜 没找到原因,也就不想管了!谁知道 用户不同意,非揪着这个不放,所以我们只能来改了,我天真的是,,,,吐血 关键是我传的地址都是写死的啊 就是本页面 有说是关于vue带hash ‘#/’ 微信分享后点开链接是首页的问题

头大!
最后百度看到有人自己发明的办法 ,厉害 完美解决问题:

1.在static目录下新建一个名为html的文件夹,在html文件夹中再新建一个redirect.html 即我们做一个重定向;
redirect.html里面写:

<script>
  let url = location.href.split('?')
  let pars = url[1].split('&')
  let data = {}
  pars.forEach((n, i) => {
    let p = n.split('=')
    data[p[0]] = p[1]
  })
  if (!!data.app3Redirect) {
    self.location = decodeURIComponent(data.app3Redirect)
  }
</script>
  1. 在需要分享的页面写:
var shareUrl = window.location.href
Url = '域名地址' + '/static/html/redirect.html?app3Redirect=' + encodeURIComponent(shareUrl);
  1. 把那个Url传给微信的jssdk中的link就可以了
wx.onMenuShareTimeline({
    title: '',
    link: Url,
    imgUrl: '',
    success:function() {
    },
    cancel:function() {
    }
});

好了 这样就可以完美解决了

  • 3
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值