微信分享时invalid signature签名错误，是哪里出了问题？

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

近期做了一个微信分享，用的是Vue前端框架。这个分享被快速迭代，导致一个列表页、一个详情页出现签名错误，报错为invalid signature。当时很困惑。

前一段时间做了一个微信分享的东西，而且前端框架用的是VUE，被这个东西快折磨疯了，一个列表页，一个详情页，分享详情页的时候，会报错invalid signature签名错误。

当时就不淡定了，然后开始了排坑之路，根据官网的各种校验错误问题，没有发现有什么区别

建议按如下顺序检查：

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

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

3.确认url是页面完整的url(请在当前页面alert(location.href.split('#')[0])确认)，包括''部分，以及'？'后面的GET参数部分,但不包括'#'hash后面的部分。

4.确认 config 中的 appid 与用来获取 jsapi_ticket 的 appid 一致。