微信 js-sdk config:invalid signature

在调用微信 js-sdk 开发页面时，经常会遇到 config:invalid signature 的错误

在官方手册是这么解释此类错误，并提供了自查顺序：

因为在项目中，获取签名的后端接口是经过线上环境验证无误的，在前端可能出问题的只有第 2、3、4、6 步。

第 2、4 步只要对照验证一下就可以很快排错，所以真正有可能出问题的是第 3、6 步。

将第 3、6 步总结一下是，如果我们需要在页面中调用微信的某个方法，必须使用这个页面的完整 URL 地址获取签名（包括 http(s)://、?的参数部分，除 # 后的 hash 部分）

比如你的页面 url 为：https://www.abc.com/search?q=def#index1

那么你应该传给获取签名接口的 url 参数就应该是 https://www.abc.com/search?q=def

这是动态可变的，也就是需要用 window.location.href.split('#')[0] 来获取

iOS 下的表现

按照以上步骤，在安卓环境下一般都可以调用方法，然而这在 iOS 下又有变化

在 iOS 环境下你需要传给签名接口的 url 地址是应用入口页（落地页）的 url，举个例子你通过链接进入 https://www.abc.com/search?q=def#index1 这个页面，那之后所有调用获取签名接口的 url 参数都是 https://www.abc.com/search?q=def，这是静态不变的

因为会通过不同的链接进入页面，所以我会在进入应用时统一将入口url存下来，之后调用接口时也方便调用