微信公众号 H5 JS-SDK wx.config 报错 invalid url domain 及 invalid signature 错误原因及解决方式(微信公众号 h5 保存openid)

推荐整理分享微信公众号 H5 JS-SDK wx.config 报错 invalid url domain 及 invalid signature 错误原因及解决方式(微信公众号 h5 保存openid)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:微信公众号h5js直接下载文件,微信公众号 h5 分享,微信公众号 h5触发分享,微信公众号 h5页面缓存,微信公众号h5js直接下载文件,微信公众号 h5下载,微信公众号 h5页面缓存,微信公众号h5js直接下载文件,内容如对您有帮助，希望把文章链接给更多的朋友！

在项目进行JSSDK使用的过程中，出现了很多问题，其中报错invalid url domain 以及 invalid signature最多，也最头疼，部分坑在文档里也并没有写清楚，这里就简单说下这两个报错的原因和解决方式

当报错invalid url domain时 其实离成功不远了，错误原因也很直白，就是url并没有在公众号设置里正确绑定，需要重点检查几个东西

注意：在域名绑定时，请确定绑定域名与你H5进行wx.config发起域名一致，http与https一致

invalid signature是开发是碰到最多也是真的有大坑的一个报错，基本的错误在文档里都有写清楚，按照官方文档（https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#62) 配置基本能够完成，我这里说一个文档里并没有描述，但是却很容易或者让人很疑惑的坑。

在这个报错的信息里会伴随一个realAuthUrl，我们在开发的时候发现这个报错的realAuthUrl在ios以及安卓里表现不一样，而且在ios中是否刷新也会表现不一样，在查阅了很多文章后终于大概明白了坑点，主要表现如下：

（1）比如我们从 XXX.com/aa/bb 进入H5，但是停留在了 XXX.com/aa/bb/cc 路径下，此时如果我们点击浏览器右上方的操作按钮进行刷新操作， 此时的realAuthUrl又会变成 XXX.com/aa/bb/cc 而不是我们初始进入页面的url

（2）如果我们从 XXX.com/aa/bb 进入H5，然后跳转至 XXX.com/aa/bb/cc 跳转的方式是通过window.location.href跳转而不是框架路由跳转，此时真正的realAuthUrl也会变成 XXX.com/aa/bb/cc

原因分析： IOS端微信浏览器，在我们进入H5后，如果使用框架路由跳转，如navigate，link等跳转，不会真正的修改我们SPA项目的url，所以在wx.config的时候他认定的realAuthUrl是进入H5的第一个url或者进行window.location.href跳转后的url 安卓端微信浏览器，进入H5后无论是框架路由跳转还是其它跳转方式，都会真正的修改SPA项目的url

解决方式：

1.在进入H5后保存进入H5的第一个url，在发起wx.config的时候如果是ios端则使用保存的第一个url，如果是安卓的则动态获取，但是请注意ios的使用保存的第一个url的时候一定要确保过程中没有window.location.href跳转，如果有那么要修改对应保存的url

2.如果我们只在特定的页面需要进行接入JSSDK进行wx.config,我们可以在进入这个页面路径的时候使用window.location.href的方式跳转，这样就保证无论是ios还是安卓端我们的realAuthUrl都是当前发起wx.config的url，直接按照官方文档方式使用