问题:vue组件开发项目中,商品详情页微信转发url,例如:http://wap.wsguwancheng.com/#/productlists/688。自定义分享的链接被微信端截掉,变成http://wap.wsguwancheng.com/?from=singlemessage

解决方案:页面中转,url重定向。

1,在static目录下新建一个名为html的文件夹,在html文件夹中再新建一个redirect.html

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>

只需要script标签就可以了,反正只是做重定向。

2,在商品详情页的内容如下,注意:link: shareWxLink,

shareconfig:function(){
    var _that = this;
    wx.ready(function () {
        var shareWxLink = window.location.href.split('#')[0] + 'static/html/redirect.html?app3Redirect=' + encodeURIComponent(window.location.href);

        wx.onMenuShareTimeline({
            title: '【网上古玩城】' + _that.goods_detail.goods_name, // 分享标题
            link: shareWxLink,        // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: _that.shareimg, // 分享图标
            success:function() {
                _that.$dialog.toast({
                    mes: '分享朋友圈成功',
                    timeout: 1500,
                    icon: 'success'
                });
                // 用户确认分享后执行的回调函数
            },
            cancel:function() {
                // 用户取消分享后执行的回调函数
            }
        });

        wx.onMenuShareAppMessage({
            title: '【网上古玩城】' + _that.goods_detail.goods_name, // 分享标题
            desc: _that.goods_detail.goods_content, // 分享描述
            link: shareWxLink,  // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: _that.shareimg, // 分享图标
            success: function () {
                // alert('分享给朋友成功')
                _that.$dialog.toast({
                    mes: '分享给朋友成功',
                    timeout: 1500,
                    icon: 'success'
                });
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        })
    })
}

跳转页面完成!

Logo

前往低代码交流专区

更多推荐