关于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);

如许就跳转完成

    原文作者:不会飞的Porco
    原文地址: https://segmentfault.com/a/1190000017526369
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞