微信分享链接 html,关于vue带hash '#/' 微信分享后点开链接是首页的问题

在调用微信分享api的时候：

let shareUrl = https://xxxx#/abc

wx.onMenuShareTimeline({

title: '',

link: shareUrl,

imgUrl: '',

success:function() {

},

cancel:function() {

}

});

如是这样带有hash的分享后，打开分享后的shareUrl是https://xxxx#/?from=singlemes... 关于from=singlemessage这部分是微信加的。额外 现象是第二次打开就是正常的。

解决方法：

1、将hash分开：将hash前后分开，微信就不会将from=singlemessage拼接到#/abc之后

shareUrl = shareUrl.split('#')[0] + '#' + '/abc'

2、使用url重定向

在static文件夹下，新建html/redirect.html。

redirect.html 内容：

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)

}

然后：

shareUrl = shareUrl.split('#')[0] + 'static/html/redirect.html?app3Redirect=' + encodeURIComponent(shareUrl);

这样就跳转完成