vue react history模式下 微信SDK调用失败解决方案

这里只考虑所有官方的解决方案都尝试过的情况,不考虑因为一些低级原因导致以上的错误。

单页应用下前端路由自己维护history,通常都有几十个页面,其中某些页面需要调用微信JSSDK实现某些功能,但是在微信中经常会遇到invalid signature、the permission value is offline verifying之类的报错。

而通常这类问题只要通过刷新下当前页面就可以解决。

这里很重要的一个原因就是签名校验不通过,而签名不正确很大的原因和当前SPA 的URL有关。据我所知,微信截止到6.7.3这个版本还存在着SPA应用调用SDK兼容性问题。

解决方案很简单,在前端路由初始化完毕后提前调用wx.config,然后等router.push/replace切换到了具体的某些页面后再次调用wx.config,最后再调用wx.XX方法处理具体的业务逻辑。

注意:以上方案只适用于单页应用且前端路由使用history方案!!!!

你可能感兴趣的:(HTML5,微信JSSDK)