乐于分享
好东西不私藏

uniapp H5 微信浏览器中跳转支付宝支付页面被拦截,显示已停止该网页

uniapp H5 微信浏览器中跳转支付宝支付页面被拦截,显示已停止该网页

01

--    遇到的问题   --
H5公众号页面接入了支付宝支付,众所周知,微信浏览器中肯定是不能直接打开支付宝了,所以打开一个中间页,在跳转这个中间的时候,将支付宝的form表单拼接的在url中
代码如下:
//查询支付宝订单信息, 后端返回form表单信息 queryOrderPayment({orderId:yourOrderId.value}).then(res => {  const {code, data} = res ||{}  if(code === 200) {    uni.navigateTo({      url'/pages_sub/pages/aliPay/middle?formStr=' + encodeURIComponent(data),    })  }})
正常浏览器打开是没问题的, 直接打开了支付宝的支付页面
但是在微信浏览器中打开时发现,
正常设想在微信浏览器中打开应该长这样, 页面是做了微信浏览器判断的,非微信浏览器才发起表单提交

02

--   解决办法   --
之前有做过支付是好使的,为什么在这个项目会报错???
经过多翻查看, 发现问题在后端返回的form表单内容上
比对下好使的支付返回的form表单内容发现, 不好使的多了条表单提交的脚本
就是这一段导致了为浏览器判断页面有xxs注入, 检测到并禁止了网页的访问

更多热门文章

Uniapp 添加自定义条件编译, 解决为打包反复注释config文件配置的小小小问题
uniapp  阿里直传oss 报错405
uniapp ios通用链接配置
Flutter 如何自动生成图标类( iconfont图标使用补充篇 )
微信小程序如何实现页面间传递数据(页面间通信)

心您读完了整篇文章,喜欢记得点赞收藏(3)