vue 调用共众url_vue单页面，在微信公众号支付中遇到的URL未注册BUG解决方法-Go语言中文社区...

今天在做微信公众号支付的时候，遇到一个bug，在当前支付页面点击支付，就会报错，提示当前页面的URL未注册。如下图：

但是，这个URL我们是在后台微信公众号配置了的，所以说不会出错。

但是我们刷新一次当前页面，再点击立即充值就会成功。我就在里面写了一个刷新当前页面的方式，来进行支付。

但是试了好几种刷新当前页面的方法，都不可以。在了解到，vue在微信里的刷新方式是不生效的。

最终发现了解决方法：

在微信支付时，当调用微信支付的时候，微信会判断当前页面和微信公众号后台设置的支付授权目录是否一致，他会把页面最后一次刷新的url作为判断依据(如果用户刷新了任何页面，这个页面就是支付页面)，这个时候，单页应用的路由中‘#’后面的内容也会被传递过去，在微信的判断流程里，这个url和设置的目录是不匹配的，因为涉及到多个页面都会发起支付请求，所有设置多个带页面参数的url是不合理的，所以这里在‘#’前面添加了‘?’，让微信忽略‘?’后面的内容。

解决方式：

当我在’#‘前面添加’?’,这个时候微信会把’?‘后面的内容当做参数而vue可以识别’?#’,这样既可以避免出现出现提示当前页面url未注册的错误在视图加载后，修改url(这样不会触发页面重新加载，其他框架也可做类似处理)

mounted() {

if (window.location.href.indexOf("?#") < 0) {

window.location.href = window.location.href.replace("#", "?#");

}

}