Vue调用微信sdk签名报错,同行帮帮忙,大恩不言谢。
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利
最近用vue做一个项目,项目需要调用微信的扫一扫功能,为了方便测试直接在项目首页即(‘/’)就调用微信扫一扫功能
methods:{
https.fetchPost('xxx',{'a': 'getwxdata'}).then(res=> {
wx.config({
debug: true,
appId: res.data.data.appId,
timestamp: res.data.data.timeStamp,
nonceStr: res.data.data.nonceStr,
signature: res.data.data.signature,
jsApiList: ['scanQRCode']
})
})
}
打包项目,浏览器访问‘https://xxxx.com/’ 运行的时候提示签名错误,为了确认后台返回的签名是否有误,将index.html修改为index.html_back,重新用jquery写一个index.html代码如下
$(function(){
$.post('xxx',{ a: "getwxdata" },function(res){
wx.config({
debug: true,
appId: res.data.appId,
timestamp: res.data.timestamp,
nonceStr: res.data.nonceStr,
signature: res.data.signature,
jsApiList: [
'checkJsApi',
'scanQRCode'
]
});
},'json')
})
重新访问‘https://xxxx.com/’ 提示签名成功
这就奇怪了,访问链接都一样,调用的接口也一样,一个能行一个不能行, vue路由使用history模式不行,使用#xxx这种模式也不行 百思不得其解,这里求助大神帮忙 填过坑的兄弟拉我一把