uniapp h5 使用JSAPI微信支付 当前页面的URL未注册 刷新页面后支付正常
2021/9/4 23:05:43
本文主要是介绍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未注册 刷新页面后支付正常的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-09-28基于Python+Vue开发的口腔牙科预约管理系统
- 2024-09-28基于Python+Vue开发的酒店客房预订管理系统
- 2024-09-27使用js将ETH账户的资产打散其他账户web3
- 2024-09-27我轻松地将我的 React.js 应用程序翻译成了多种语言。下面是我是如何做到的... ??
- 2024-09-27?? 使用 useMemo 和 useCallback 加速 React:告别缓慢的重新渲染!??
- 2024-09-27Vue CLI多环境配置教程:新手入门指南
- 2024-09-27Vue CLI多环境配置教程:快速入门指南
- 2024-09-27Vue CLI教程:新手入门指南
- 2024-09-27Vue CLI教程:初学者快速入门指南
- 2024-09-27Vue3公共组件教程:入门与实践