脚本宝典收集整理的这篇文章主要介绍了关于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'

得到的结果是：https://xxxx&from=singlemessa...，第一次打开还是会进入到https://xxxx&from=singlemessa...，第二次打开才会进入到https://xxxx&from=singlemessa...

2、使用url重定向
在static文件夹下，新建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>

然后：

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

这样就跳转完成

脚本宝典总结

以上是脚本宝典为你收集整理的关于vue带hash '#/' 微信分享后点开链接是首页的问题全部内容，希望文章能够帮你解决关于vue带hash '#/' 微信分享后点开链接是首页的问题所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。