vue.js单页应用使用微信js sdk签名invalid signature

Question

使用vue-cli创建项目, axios请求服务端获取appid等信息，url参数为encodeURIComponent(window.location.href.split('#')[0]), vue-router为hash模式,
wx.config配置之后依然报错，报错信息如下
config:fail,Error: invalid signature
请问这种情况怎么处理?

补充， 在单独的html中测试可以配置成功

Answer 1

解决了，是后台返回数据格式问题。

Answer 2

这是后台签名配置的问题吧

Answer 3

1、jsapi_ticket错误
2、签名算法有问题
3、算法参数中noncestr的‘s’为小写， wx.config中nonceStr的‘S’为大写，注意区分
4、确认url是页面完整的url(请在当前页面alert(location.href.split('#')[0])确认)，包括'http(s)://'部分，以及'？'后面的GET参数部分,但不包括'#'hash后面的部分
参考文档：https://mp.weixin.qq.com/wiki... 附录5