vue做微信朋友圈分享,发送给朋友功能时安卓链接跳转问题

正常代码写进去:

    methods里面写两个方法:

initWechat () {

let str = Base64.encode(location.origin + location.pathname + location.search)

this.request.zsyGetHttp(`/wx/jsapi/ticket/${str}`, {}, res => {

wx.config({

appId: res.data.appId,

timestamp: res.data.timestamp,

nonceStr: res.data.nonceStr,

signature: res.data.signature,

//          debug: true,

jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage']

});

})

},

SharePublic () {

let $this = this;

let urls = 'http://'+this.helper.getDomain()+'/#/studentMarkShare/'+this.params.examId+'/'+this.params.studentId;

let names = this.exam.studentName;

let imgLink = 'http://'+this.helper.getDomain()+'/static/logo.jpg';

wx.ready(function(){

wx.onMenuShareTimeline({

title: names+'又考了一个好成绩,快来围观!', // 分享标题

link: urls, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致

imgUrl: imgLink, // 分享图标

success: function () {

// 用户确认分享后执行的回调函数

$this.showShareWarn = false;

},

cancel: function () {

// 用户取消分享后执行的回调函数

$this.showShareWarn = false;

}

});

wx.onMenuShareAppMessage({

title: $this.exam.studentName+'又考了一个好成绩,快来围观!', // 分享标题

desc: names+'成绩单', // 分享描述

link: urls, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致

imgUrl: imgLink, // 分享图标

success: function () {

// 用户确认分享后执行的回调函数

$this.showShareWarn = false;

},

cancel: function () {

// 用户取消分享后执行的回调函数

$this.showShareWarn = false;

}

});

});

}

created里面调用:

created () {

this.initWechat();

let that = this ;

setTimeout(function(){

that.SharePublic();

},2000)

}

然后运行,发现ios分享朋友圈,发送给朋友无论从外观还是点进去都没问题,然而安卓分享的时候外观也没啥问题,只是点进去的时候默认跳转到了主页面,好像我设置的链接并没啥用。。。。怎么回事。。。

是因为安卓分享的时候会把自己定义的链接 /#/ 后边的字符串都截掉了,所以一直跳转的默认页面

所以解决办法是在链接的 /#/ 处做修改,即把 /#/ 变成 /?#/ 就好了。

小菜鸟一个,不喜勿喷。。。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容