前端公众号开发,微信分享遇到的坑,分享的链接,描述,图片未能正常显示

首先要做微信公众号分享,必须要关注这个微信公众号,这是重点。

我的项目是vue的项目在项目中安装了微信jssdk,然后引用微信的jssdk。调用里面的方法。方法如下图代码,我分享的的页面不是当前页面,而是同一个域名下的其他页面。

一定要确认 config 中的 appid 与用来获取 jsapi_ticket 的 appid 一致。

前端需要用js获取当前页面除去'#'hash部分的链接(可用location.href.split('#')[0]获取,而且需要encodeURIComponent),因为页面一旦分享,微信客户端会在你的链接末尾加入其它参数,如果不是动态获取当前链接,将导致分享后的页面签名失败。

import wx from 'weixin-js-sdk' //引入js-sdk

//调用方法
weixinShare(shareTitle,shareDesc,linkUrl,imgUrl) {
        let url = process.env.imgUrl+'/ins_wc/wechat/getLogo';
        let param =window.location.href.split('#')[0];   //当前的链接域名,这个很重要,无论分享的链接是不是当前连接都必须要写入。
        let params = {
          url:param
        };
        this.$http.get(url, {param
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值