微信js开发出现 errMsg: "config:invalid signature"错误

修复微信JSSDK签名错误

最新推荐文章于 2023-06-11 18:15:53 发布

天青色等烟雨love

最新推荐文章于 2023-06-11 18:15:53 发布

阅读量2.8w

点赞数 2

CC 4.0 BY-SA版权

分类专栏： js 文章标签：微信 javascript

本文链接：https://blog.csdn.net/u012416928/article/details/77508045

js 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了解决微信JSSDK开发中遇到的“config:invalidsignature”错误的方法。通过调整nginx配置文件中的反向代理设置，成功解决了签名验证失败的问题。

发现使用微信js sdk开发的时候配置如下代码出现错误

配置代码：

wx.config({
  debug: false,
  appId: '<%= @jsapi["appId"] %>',
  timestamp: <%= @jsapi["timestamp"] %>,
  nonceStr: '<%= @jsapi["nonceStr"] %>',
  signature: '<%= @jsapi["signature"] %>',
  jsApiList: []
});

错误如下：

errMsg: "config:invalid signature"

事先申明所有配置都是没有问题的。因为这个错误折腾了两天，各种调试都无果。
最后看到有人说是反向代理有问题，于是我把nginx配置文件给改了一下，居然就好了，具体代码如下：

 server {
        listen       80;
        server_name  test.test.com;

        location / {
            root   html;
            index  index.html index.htm;
            proxy_read_timeout 300;
            proxy_connect_timeout 300;
            proxy_set_header  X-Real-IP  $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_set_header Host $http_host;
            proxy_redirect off;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }

关键nginx配置代码就是下面这个proxy_set_header Host $http_host;

proxy_set_header  X-Real-IP  $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header Host $http_host;
proxy_redirect off;

按照上面的步骤修改完nginx配置文件之后，问题立马的到解决。完美！！！！！！