uniapp h5 使用JSAPI微信支付 当前页面的URL未注册 刷新页面后支付正常

本文主要是介绍uniapp h5 使用JSAPI微信支付 当前页面的URL未注册 刷新页面后支付正常，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

今天在做使用uview-ui vue页面制作h5网站的时候，遇到一个bug，在当前支付页面点击支付，就会报错，提示当前页面的URL未注册。如下图：

但是，这个URL我们是在微信支付授权配置里配置目录了的，所以说不会出错。

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

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

在微信支付页面，当通过JSAPI微信支付的时候，微信会判断当前页面和微信支付中心设置的支付授权目录是否一致，但是vue单页面程序，如果不刷新页面的话，例如你是从页面（/pages/index/index）开始浏览，使用了uni.redirect转向到支付页面，在不刷新的情况下，当调用微信支付的时候，依然识别为/pages/index/index 页面，所以点击支付是就会提示 当前页面的URL未注册 /pages/index/index 的错误提示

解决方法：

在生成H5的项目使用微信JSAPI支付，所有转向支付页面的页面通过location.href来实现，不要使用uni.redirect

buy(id)
{  
	location.href='/mobile/pages/index/goods_buy?id='+id;
				
},

参考资料：https://blog.csdn.net/qq_33026699/article/details/103178868

这篇关于uniapp h5 使用JSAPI微信支付 当前页面的URL未注册 刷新页面后支付正常的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！