vue开发的H5在电脑微信点分享给朋友,如果切换页面后点分享,分享的内容是打开页面时的内容,并不是当前内容。例如打开是url是/web/a,点击到/web/b点分享给朋友,这时候分享的内容是a页面的内容
h5转发给朋友以卡片分享形式,手机端分享卡片正常有图片,pc端微信转发就不正常,只有链接,没有图片?[图片] var hrefUrl = window.location.href.split('#')[0]; var title = '{$info.name}'; var imgUrl = '{$info.pic}'; var Id = '{$info.id}' // var str = JSON.stringify({id:'{$info.id}',jump_type:13}) var wx = wx; $.ajax({ url: 'https://xxxx.com/app/Login/js', // url : "/wxshare", type: 'POST', data: { url: hrefUrl }, success: (res) => { // alert(res.wx.appId) // 微信分享 wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: res.wx.appId, // 必填,公众号的唯一标识 timestamp: res.wx.timestamp, // 必填,生成签名的时间戳 nonceStr: res.wx.nonceStr, // 必填,生成签名的随机串 signature: res.wx.signature,// 必填,签名 jsApiList: ['updateAppMessageShareData','updateTimelineShareData'],// 必填,需要使用的JS接口列表 openTagList: ['wx-open-launch-app'] // 可选,需要使用的开放标签列表,例如['wx-open-launch-app'] }); }, fail: function (err) { // console.log('errr',err) // alert("获取失败") // 设置成功 } }) wx.error(function (res) { // alert('验证失败') console.log('err',res) // console.log(res) // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名 }); wx.ready(function(){ wx.checkJsApi({ jsApiList: [ 'updateAppMessageShareData', 'updateTimelineShareData', ], openTagList: ['wx-open-launch-app'] }), wx.updateAppMessageShareData({ title: title, // 分享标题 desc: title, // 分享描述 link: hrefUrl, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: imgUrl, // 分享图标 success: function () { // alert("分享成功") // 设置成功 }, feil: function () { // alert("分享失败") // 设置成功 } }), wx.updateTimelineShareData({ title: title, // 分享标题 link: hrefUrl, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: imgUrl, // 分享图标 success: function () { // 设置成功 } }) })
07-22