• 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

  • 相关阅读:
    2017.3.17作业
    2017.3.16作业
    2017.3.15作业
    2017.3.14作业
    2017.3.13作业
    2017.3.10作业
    网站流量日志分析(数据 采集之 Flume 采集)
    网站流量日志分析(模块开发——数据仓库设计)
    日常问题及解决
    可爱的生活
  • 原文地址:https://www.cnblogs.com/fogwang/p/15228112.html
Copyright © 2020-2023  润新知