微信JS安全域名配置后仍报错，绝大多数情况下不是微信服务器的问题，而是你自己这边“域名、校验文件、缓存”三者中有一个没对上。 这个报错通常在调用wx.config时出现，提示invalid url domain或config:invalid signature，微信官方文档对JS安全域名的定义很明确：用来校验调用JS-SDK的页面所在域名，配置后，你需要把一个校验文件放到该域名的根目录，如果这些动作都做了还报错,往下按顺序查。
微信JS安全域名配置后仍报错，先确认这三项基础配置
很多人在这一步栽跟头，因为把“配置域名”和“放置校验文件”当成了两件独立的事,其实它们必须同时满足。
- 域名不能带协议和端口，在公众号后台的“JS接口安全域名”输入框里，填
example.com就行，千万别写https://example.com或example.com:8080,微信会自己拼上当前页面的协议。 - 校验文件必须能被公网访问，下载下来的
MP_verify_xxxx.txt放到根目录后，先在浏览器里打开http://example.com/MP_verify_xxxx.txt，能看到完整字符串才算通过，注意是根目录,不是子目录或CDN源站根目录。 - 配置后需要刷新缓存才生效，微信后台保存配置后会立即生效，但你的浏览器、微信客户端或者DNS缓存可能还在用旧状态,建议清除微信缓存或换一个新浏览器页面测试。
行业共识认为，这三步里最容易被忽略的是“校验文件是否可访问”，因为你配置了域名，但文件没传上去或传错位置，微信后台校验时发现域名对应不上,自然就会报错。
用命令行快速验证校验文件是否到位
如果你不确定文件是不是真的能访问,用终端跑一条命令最直接：
curl http://example.com/MP_verify_xxxx.txt返回的字符串和文件名中的xxxx部分一致，说明文件没问题，如果返回404或超时，检查一下文件权限、路径大小写,以及CDN是否缓存了旧内容。
微信JS安全域名配置无效，多半是这五个细节没做对
基础配置没问题，但依然无效，那问题大概率出在细节上,下面这五个场景我按出现频率排了序。
当前页面URL和配置的域名不是完全匹配
微信的JS-SDK签名是基于“当前网页URL”来校验的，如果你的页面地址是https://www.example.com/page，而你在后台配置的是example.com，那么两者算不匹配，报错invalid url domain。
- 配置时使用
www.example.com，页面也必须是www.example.com开头。 - 使用二级域名
m.example.com,同样需要在后台单独配置这个二级域名。 - 特别注意默认端口：
https://example.com/page和https://example.com:443/page在微信眼里是同一个URL吗？实际上443端口不写在URL里，微信会忽略默认端口，但如果你用了非标端口，必须把带端口的域名也配置上去（虽然微信不允许带端口，所以这种情况下直接用不了，建议改用80或443端口）。
校验文件内容被意外修改
下载的校验文件是一行随机字符串，有些编辑器或FTP工具会自动加换行符，或者你为了“干净”手动改动了内容，都会导致校验失败，正确做法是原样上传,不要用记事本打开再保存。
签名用的JS文件缓存太旧
微信官方提供的jweixin-1.6.0.js或者更早的wx.js，不同版本对签名参数的处理略有差异，如果你从CDN加载了旧版本，可能出现invalid signature报错，建议直接引用官方最新稳定版，并设置no-cache。
服务端时间与北京时间偏差过大
JS-SDK签名过程中会用到timestamp，这个值必须和微信服务器时间误差在10分钟以内，如果你的服务器时间慢了或快了几分钟，就会报invalid signature，这个原因很隐蔽，很多开发者排查半天最后发现是系统时间问题，解决办法很简单：同步NTP时间。
生成签名时URL处理有误
签名时所用的URL必须和实际页面地址完全一致，但要去掉及其后面的部分，如果你用window.location.href直接拿到带锚点的URL，签名就会对不上，业内专家指出，这个细节在单页应用里高发，尤其使用Vue或React的路由时，一定要用
location.href.split('#')[0]。
| 报错信息 | 主要原因 | 排查方向 |
|---|---|---|
invalid url domain |
域名不匹配或校验文件缺失 | 后台域名与页面域名是否完全一致 |
invalid signature |
签名参数错误或时间不准 | 检查timestamp、nonceStr、URL |
config:fail |
JS文件或缓存异常 | 清理微信缓存，换官方JS文件 |
微信JS安全域名本地调试和线上报错，处理思路不一样
很多人会在本地开发环境直接拿localhost或IP地址来测试JS-SDK，结果发现配置后仍报错，原因很简单：微信JS安全域名不支持IP和localhost,它只认公网域名。
本地调试：改Hosts把域名指到本机
你不需要真的把代码部署到线上才能调试，做法是：在本地hosts文件里，把yourdomain.com解析到0.0.1，然后在浏览器里访问https://yourdomain.com/，同时保证本地服务使用HTTPS，这样页面URL和配置域名一致,签名就能通过。
- 注意本地必须用HTTPS，因为微信要求所有JS-SDK页面都走HTTPS。
- hosts解析后，校验文件也要能在本地访问，你可以临时在本地放一份,但不要忘了线上也要放。
线上报错：优先检查CDN同步和缓存
如果你的网站用了CDN，校验文件上传到源站后，CDN节点可能没刷新，这会导致部分地区能访问校验文件，部分地区不能，再叠加浏览器缓存，就会出现“配置了但时好时坏”的情况。
- 强制刷新CDN缓存：在CDN控制台对校验文件路径做刷新操作。
- 清理浏览器和微信缓存：微信内置浏览器缓存比较顽固，建议在微信内访问
http://debugx5.qq.com，打开“清除缓存”相关选项。
对于配置了多个域名的情况，每个域名都要放置同一个校验文件，不要只放在主域名的根目录，然后想着“反正都是同一个公众号”，微信会逐个域名校验,少一个都不行。
微信JS安全域名配置和服务器域名，别搞混了
我见过不少人把JS安全域名和服务器域名混在一起排查，结果越查越乱,这里简单区分：
- JS接口安全域名：用于微信JS-SDK签名，影响
wx.config能否成功,校验方式为根目录放文件。 - 网页授权域名：用于OAuth2.0网页授权，回调域名必须配置，否则
redirect_uri参数错误。 - 服务器域名：多用于小程序或某些API调用，不属于公众号JS-SDK范畴。
如果你在做公众号网页开发，只需要关心JS接口安全域名和网页授权域名，两者的校验方式不同，前者放TXT文件,后者在后台设置回调域名即可。
解决“微信JS安全域名配置后仍报错”这个问题，核心思路就是按“URL匹配、校验文件可访问、缓存清理”三步走，大多数报错都能在10分钟内定位，万一都做对了还报错，建议用微信开发者工具的“公众号网页调试”功能,它会直接告诉你签名校验失败的具体参数名。
Q&A：微信JS安全域名相关的三个高频疑问
微信JS安全域名配置后多久生效？
配置后立即生效，但需要等校验文件通过验证，验证是实时的，没有延迟，如果你配置完马上测试报错，先看看校验文件能不能在浏览器直接访问，能访问的话,清一下微信缓存再试。
微信JS安全域名配置了但报错，校验文件必须放在根目录吗？
必须放在根目录，不是子目录，文件名和内容都不能改，如果用了CDN，需要让CDN节点也能访问到该文件,否则微信的校验请求可能落到某个旧节点上导致失败。
微信JS安全域名配置多个域名，一个域名挂了会影响另一个吗？
不会，每个域名独立校验，但所有域名共用同一个jsapi_ticket，只要有一个域名能正常获取签名，其他域名也可以用它，前提是页面URL和对应配置的域名一致，签名错误时,检查当前页面的域名是否在后台配置列表中。