调用wx.config时，遇到invalid signature的解决方法（解决IOS端签名失败问题）

一、检查自己的配置是否正确

1、确认对应的公众号已设置"JS接口安全域名"

2、确认签名算法正确，可用http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign 页面工具进行校验。

3、确认config中nonceStr（js中驼峰标准大写S）, timestamp与用以签名中的noncestr,timestamp对应一致。

4、确认url是页面完整的url

5、确认 config 中的 appid 与用来获取 jsapi_ticket 的 appid 一致。

6、确保一定缓存access_token和jsapi_ticket。

7、确保你获取用来签名的url是动态获取的，动态页面可参见实例代码中php的实现方式。如果是html的静态页面在前端通过ajax将url传到后台签名，前端需要用js获取当前页面除去’#‘hash部分的链接（可用location.href.split(’#’)[0]获取,而且需要encodeURIComponent），因为页面一旦分享，微信客户端会在你的链接末尾加入其它参数，如果不是动态获取当前链接，将导致分享后的页面签名失败。

二、常见问题

1、Android端真机上，调用wx.config是成功的。部分IOS端真机上调用wx.config，会跳出签名失败的问题。

造成的原因：

因为用的是vue单页spa，在单页spa方面vue的history在iOS中页面地址会始终为第一次进入的链接地址。而这里的授权会有一个获取openId的过程，所以就会有在iOS中授权失败的问题。

解决方法：

前端调用这个方法时只能看到调用wx.config的返回值，具体的信息还要去找后端打印refer值。打印出来的时候，你会发现Android端与IOS端调用wx.config时后端拿到的refer值是不一样的。目前refer值在ios14以下的微信和安卓返回的是一样的，ios14 和微信7.0.18返回就只有域名。这就需要改造一下接口，让前端把当前的URL传给后端，后端以这个URL作为refer值。这样就解决了部分IOS端真机上调用wx.config，会跳出签名失败的问题。