微信jssdk签名错误invalid signature是什么原因导致的？

本文共计898个文字，预计阅读时间需要4分钟。

最近开发微信公众号网页，使用微信jssdk页面签名时，在iOS中直接报错，刚开始就遇到这条路被拦住了。错误如下：然而，Android和开发者工具中还好，没有遇到任何问题：既然如此，提示签名

最近做公众号网页开发，使用微信 jssdk 页面签名时 IOS 中一直报错，这才刚开始就被这只拦路虎拦住了，报错如下：

然而 Android 和开发者工具中好得很，没有任何问题：

既然提示 签名非法 ，那就是签名有问题咯，但是同样的接口，为什么Android没问题？是真是假还是用官方的签名校验工具验证下：

生成的签名完全没有问题，这就奇怪了，按照网上说的 url 改成如下方式也不行：

url = window.location.href.split('#')[0]

突然看到网上有人说是因为 SPA 的原因，经过几番测试，问题锁定在了 SPA 。先来解释下为什么会这样，我们使用 Vue Router 切换页面时，底层使用的是 pushState 技术，这是 H5 的一个新特性，虽然表面上看页面的 path 变了，内容也换了，但是页面是没有刷新的。

现在知道问题出在哪里，再来实际确认一下。