Vue调用微信sdk签名报错,同行帮帮忙,大恩不言谢。
发布于 3 年前 作者 huaer 1146 次浏览 来自 问答
粉丝福利 : 关注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这种模式也不行 百思不得其解,这里求助大神帮忙 填过坑的兄弟拉我一把

回到顶部