vue使用JSSDK自定义微信分享功能 出现签名失效的警告,该怎么解决

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   就会报 签名无效的错误