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

这样就跳转完成

猜你喜欢

转载自blog.csdn.net/qappleh/article/details/89521806