vue使用JSSDK自定义微信分享功能 出现签名失效的警告,该怎么解决
// 下面是写在vue app.vue里面的代码 后端使用node.js写的
async function getWxConfig(){
await axios({
method: 'post',
url: '/backend/wxServe',
data:{ url: window.location.href.split('#')[0] } //http://192.168.1.185:8080/wxfront/player
}).then(res=>{
console.log("后端发送过来的参数",res.data);
wx.config({
debug: true, // 开启调试模式,
appId: res.data.appid, // 必填,公众号的唯一标识
timestamp: res.data.timestamp, // 必填,生成签名的时间戳
nonceStr: res.data.noncestr, // 必填,生成签名的随机串
signature: res.data.signature, // 必填,签名
jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData'], // 必填,需要使用的JS接口列表
})
})
wx.ready(function() {
//需在用户可能点击分享按钮前就先调用
wx.updateAppMessageShareData({
title: '这是我的第一个视频分享链接', // 分享标题
desc: '点击播放视频', // 分享描述
link: 'https://www.aohe-info.com/wxfront/player', // 该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: '', // 分享图标
success: function() {
// 用户确认分享后执行的回调函数
},
})
})
}
getWxConfig() //开始调用
我感觉传给后端的地址不对 data:{ url: window.location.href.split('#')[0] } == http://192.168.1.185:8080/wxfront/player
我在微信配置的js安全域名是 www.aohe-info
如果我把链接地址换成 https://www.aohe-info.com/wxfront/player 就会报 签名无效的错误