// 微信自定义分享
Vue.prototype.wxShare = async function ({title , desc , link = window.location.href,imgUrl ,success}) {
  let that = this;
  // 当前页面地址
  let url = window.location.href;
  // 调用后端服务获取微信签名内容
  let {data: wxCfg} = await that.ajax({api: that.api.wechatGetWxSdk, data: {url: url}})
  if (!wx || !wxCfg) return;
  wx.config({
    debug: false,
    appId: wxCfg.appId,
    timestamp: wxCfg.timestamp,
    nonceStr: wxCfg.nonceStr,
    signature: wxCfg.signature,
    jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData', 'onMenuShareTimeline', 'onMenuShareAppMessage']
  });
  wx.ready(function () {
    wx.updateAppMessageShareData({
      title: title, desc: desc, link: link, imgUrl: imgUrl,
      success: function () {
        success "htmlcode">

await this.wxShare({
  title: '分享的标题', 
  desc: '分享的摘要',
  link: '分享出去的链接地址',
  imgUrl: '分享的封面图',
  success: function(){
    // 调用成功的回调
  }
})



IOS路由跳转之后依然签名失效


上面的问题解决之后，项目上线了，很多ios的用户反馈个别页面还是无法成功调用自定义分享，前期的解决方案很暴力...怼用户，让用户刷新一下当前页面，诶不成想，就好了！


后来越来越多的反馈..没办法了，必须得想想辙解决一下...


就开始找原因，发现android一点问题没有。


但是在ios上，无论路由跳转多少次，复制出来的链接都是首次进入的页面的链接，于是改造一下上面的调用函数。

首先记录首次进入页面的url




Vue.prototype.firstUrl = window.location.href;


然后在wxShare函数中加了一个判断。


大致意思就是判断当前设备是不是ios，如果是，签名用的url就使用firstUrl，如果不是，就使用window.location.href
然后上线，发现就没有再出过问题咯。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。