2、在ready接口中调取updateAppMessageShareData，updateTimelineShareData方法
wx.ready(function () { //需在用户可能点击分享按钮前就先调用
wx.updateAppMessageShareData({
title: '', // 分享标题
desc: '', // 分享描述
link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: '', // 分享图标
success: function () {
// 设置成功
}
})
});在vue的开发项目中，可在created或mounted生命周期中调用
3、通过error接口处理失败验证
wx.error(function(res){
// config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
});⚠️需要注意的点
通过后端的接口获取微信配置的参数时，需要传递当前页面url
– url（当前网页的URL，不包含#及其后面部分），如果没有＃，则需要传递完整的url
– url需要编码 encodeURIComponent(url)
代码如下
// wetchat.js －－ 个人封装
import wx from 'weixin-js-sdk'; // 引入wxJS
import apiUrl from "@/api/index"; // 本项目的api （根据自己项目）
export function wxChatShare(param) {
let _url = encodeURIComponent(param.url) // 当前页面的url
apiUrl.wechatConfig(_url) // wechatConfig是获取微信配置相关信息的接口，此处根据个人项目写法而定，类似于this.$ajax
.then (res => {
if(res.data.code==200) {
// 接口返回配置信息
wx.config({
debug: false,
appId: res.data.content.appid,
timestamp: res.data.content.timestamp, // 必填，生成签名的时间戳
nonceStr: res.data.content.nonceStr, // 必填，生成签名的随机串
signature: res.data.content.signature, // 必填，签名
jsApiList: [ // 用的方法都要加进来
'updateAppMessageShareData', 'updateTimelineShareData', 'onMenuShareTimeline', 'onMenuShareAppMessage'
] });
wx.ready(function () {
//分享到朋友圈 wx.updateTimelineShareData({
title: param.title, // 分享标题
link: param.link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: param.imgUrl, // 分享图标
success: function () {
// 设置成功
console.log("分享到朋友圈成功返回的信息为:", res);
this.$Message.message("设置成功!");
}
})
wx.onMenuShareTimeline({
title: param.title, // 分享标题
link: param.link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
