微信H5支付(报跨域问题)

已于 2022-04-21 14:33:49 修改
阅读量4.2k 收藏
点赞数
文章标签： 微信支付
于 2022-04-19 16:44:23 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37146616/article/details/124273111
版权

H5支付开发文档
在这里插入图片描述
在开发微信H5[支付]的时候, 后端返回的是一个文件, 我在前端打开的时候会报一个跨域的错误, 后来查阅到, 让后端返回微信支付转跳链接地址, 然后前端直接location.href转跳
eg:

https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb?prepay_id=prepay_id&package=package&redirect_url=redirect_url

redirect_url是支付成功调用后, 需要转跳的地址, 此地址需要进行urlencode处理

而且支付成功后, 可能会出现一些问题:
在这里插入图片描述
且 在夸克浏览器会打开一个叫ext:lp:home的空白页, 暂时没有查阅或者想到解决的办法

木豆mudou
关注
微信JSAPI支付,微信浏览器内支付,解决微信H5支付只能在微信外浏览器支付的问题
weixin_40170892的博客
08-22 1万+
一、设置支付目录 请确保实际支付时的请求目录与后台配置的目录一致（现在已经支持配置根目录，配置后有一定的生效时间，一般5分钟内生效），否则将无法成功唤起微信支付。 在微信商户平台（pay.weixin.qq.com）设置您的JSAPI支付支付目录，设置路径：商户平台–>产品中心–>开发配置，如图7.7所示。JSAPI支付在请求支付的时候会校验请求来源是否有在商户平台做了配置，所以必须确...
前后端分离后解决微信授权跨域、微信H5授权登录跨域的问题解决
weixin_51884295的博客
04-02 6319
前言： 我们之前做的微信授权登录流程是： 1.第一步：用同意授权，并获取code 2.第二步：通过code换取网页授权access_token 3.第三步：刷新access_token（如果需要） 4.第四步：拉取用户信息(需scope为 snsapi_userinfo) 以上操作都是在同源策略下完成是没有问题的 解决方案： 如果前后端分离，前端调后端接口获取授权信息的话，你想一步到位，那就会有跨域问题如下图 一步到位的流程如下： A前端->B后端拉取授权信息->引导
php微信支付跨域,微信H5支付出现跨域 · Issue #I1W23V · Javen/IJPay - Gitee.com
weixin_28727975的博客
04-11 539
name: 微信H5支付出现跨域about: 微信H5支付出现跨域版本信息IJPay 版本:master开发环境: dev支付方式: 微信H5支付调用的接口: #(ctxPath)/wxPay/wapPay报错信息 (注意格式化)Access to XMLHttpRequest at 'https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb?pre...
微信H5支付重定向前端报错跨域请求
Mu_Soul的博客
06-29 355
记录一下， 不要让后端自己去做跳转，跳转由前端来做，后台只需要把只需要把授权回调的URL返回给前端，前端直接跳转那个URL就行。还有，支付这种事儿， 一定不能只在开发环境测试，一定要进生产环境去测。
开发微信小程序时出现跨域请求（错误： strict-origin-when-cross-origin）
ipcaf的博客
08-02 2140
开发微信小程序时出现跨域请求（错误： strict-origin-when-cross-origin）查询自己的域名是否注册https请求， 授权时默认使用https请求访问。
微信公众号支付，iframe跨域
cxs812760493的博客
08-07 501
官方文档：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7&index=6，即可看到h5调起支付需要的参数。 获取后台调用微信生成的支付签名， $scope.onBridgeReady = function () { $http.post("/wechat/createSign", $scope.payO...
微信支付H5界面代码.zip
06-22
微信支付H5界面是移动互联网时代，商家为了方便用户通过手机浏览器进行支付而设计的一种支付方式。本资源提供了一个完整的HTML5微信支付页面效果，包括自定义键盘、样式以及JavaScript实现，使得开发者能够快速集成...
【小程序--H5跨域问题】最常用，最简单，一看就会的小程序H5跨域问题
qq_52499703的博客
09-09 6629
当然解决方法有很多，这里只用了一种最为简单的解决方法，
PHP微信支付服务端 (含APP，公众号，H5,扫码支付)
09-03
2018-09-03 php服务端微信支付整理SDK，封装，如果喜欢请给个好评！谢谢 说明： 配置在 WeChatConfig文件下 环境：php5.6，基于tp5开发 调用统一下单接口： include_once EXTEND_PATH . 'WeChatSDK/WeChatSDK.php'...
小程序里不存在跨域，但是如果是H5的项目存在跨域：根目录下创建 vue.config.js：
m0_52943868的博客
07-29 404
代码】小程序里不存在跨域，但是如果是H5的项目存在跨域根目录下创建vue.config.js。
UniApp多端开发H5跨域问题报错解决
weixin_51828648的博客
06-27 4279
解决uniappH5端运行报错，跨域问题的解决
h5跨域解决方案（考虑小程序请求问题，本人项目问题已解决）
qq_52850749的博客
03-09 804
这个文件我自己uniapp的项目里面没有，在网上搜了好像没找到自动生成该文件的方法，我直接建了一个没太大问题，下面是配置，一般都是使用/api，但是我一直没解决问题就出在这里，我把api改成了apis就没问题了。这个方法百分百能解决，不解决你来打我！本人参考了网上很多方法都没解决，最后一点小调整解决的，上代码。但是如果是和我一样做的是小程序和h5兼容项目的朋友就会发现，改变基地址后小程序里面就会报这个错误。所以我们现在需要在代码里面判断一下在h5里面执行的代码和小程序里面执行的代码。
微信H5授权登录跨域问题解决方案
qq_36829588的博客
10-20 4198
看了网上很多关于微信网页授权登录的文章，大致分为两种，一种是使用依赖包调用相应的方法实现，另一种直接http访问，但是大部分都是通过后端处理的，一般都会出现跨域问题，有文章提出前端获取code的方案，但是说的不是很详细，这里我来详细说明一下： 前端访问获取code 首先第一步是访问https://open.weixin.qq.com/connect/oauth2/authorize+（参数）获取code值，一般都是在这个地方出现跨域问题，但是如果把这个url放到微信开发者工具的浏览器中访问就不会出现问题，所
uniapp 运行H5到外部浏览器产生跨域报错的处理
weixin_38946164的博客
09-09 4424
uniapp 开发的H5运行到外部浏览器出现如下报错，由于调用的接口是第三方平台提供，要修改后端代码是不可能的了，只能从前端下手解决。 1. 代理参数设置 在项目的manifest.json文件，H5模块添加代理参数。 "h5" : { "router" : { "mode" : "hash" // 路由模式 }, "devServer" : { "https" : false, // 是否启用 https 协议，默认false "port": 8080, // 本地端口
【微信支付】分享一个失败的案例 跨域405(Method Not Allowed)问题 关于IM的一些思考与实践 基于WebSocketSharp 的IM 简单实现 【css3】旋转倒计时 ...
06-04 1089
【微信支付】分享一个失败的案例 2018-06-04 08:24 by stoneniqiu,2744阅读,29评论,收藏,编辑 这个项目是去年做的，开始客户还在推广，几个月后发现服务器已经关掉了。这是一个发图片猜谜语的应用，用户猜对了分红包，所得奖金可以提现。开发的时候对需求都不太看好，觉得用户粘性太低了。今天就把所有的程序拿了出来放在了github上。供有兴趣...
关于尚硅谷微信支付开发解决跨域访问
qq_54220769的博客
03-13 637
在我做微信支付项目中的问题：跨域访问，最开始用视频上的注解@CrossOrigin ，后端的资无法访问源，我自己在网上找了找，就是添加一个过滤器 import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.web.cors.CorsConfiguration; import...
小白总结uniapp微信小程序跨域问题的解决（前端）
最新发布
m0_69848498的博客
04-11 7130
要跟后端对接口了，不知道跨域？uniapp Vue3微信小程序遇到跨域问题，适合新手小白
微信授权存在的跨域问题以及解决方法
热门推荐
Smileyan's blog
09-06 3万+
【问题描述】 在前后端彻底分离的情况下，当我们的前端通过Ajax访问某个后台提供的接口地址的时候，浏览器会提示错误（通过查看控制台查看），并且不能看到微信授权后的结果。总而言之就是出现了跨域问题。 【第一种解决方法】 后台代码不要企图一次性完成所有的授权服务并且直接返回一个包含授权成功后获得的用户信息的Json数据，因为这样做虽然后台容易实现了但是前端却会遇到跨域的问题。 解决方法就是分步...
微信H5支付如何调用外部浏览器完成支付
cakte2001的博客
02-15 1574
最近一个项目在微信中如何H5支付，一个微信商城的客户，他的微信H5支付在微信端中是无法完成支付的。这是令人非常蛋疼的事。那么要怎么解决微信H5支付这个问题呢？查了一下简单的资料发现 微信H5支付必须是微信以外的浏览器调取微信客户端进行微信支付，这是令人非常蛋疼的事。那么要怎么解决这个问题呢？ 解决方案： 1、你需要准备2个相同的页面。一个在内一个在外 2、在微信中打开支付页面A（其实这是个...
微信h5页面开放标签打不开
06-08
如果你的微信H5页面中的标签无法正常打开，可能是以下几个原因导致的： 1. 标签的链接地址出现问题，无法正确打开。你可以检查一下链接地址是否正确，或者是否存在跨域问题。 2. 页面中的 JavaScript 代码出现了错误，导致标签无法正常打开。你可以检查一下页面中的 JavaScript 代码是否存在错误，或者使用浏览器的开发者工具进行调试。 3. 微信浏览器版本过低，不支持打开标签。你可以尝试升级微信浏览器版本，或者使用其他浏览器进行测试。 如果以上方法均无法解决问题，建议你联系微信开发者支持团队，获取更多帮助。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值