uniapp app内使用微信H5支付

最新推荐文章于 2024-07-30 21:45:00 发布

JSON.stringify()

最新推荐文章于 2024-07-30 21:45:00 发布

阅读量3.1k

点赞数 1

分类专栏： uniapp 文章标签：微信 webview

本文链接：https://blog.csdn.net/bilibid/article/details/122194667

版权

uniapp 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

最近app项目中使用到了微信H5支付，新建webview页面直接跳转链接出现以下页面
在这里插入图片描述
查看文档后发现可能是缺少referer，

在这里插入图片描述

orderbuyNow() {
				wxpay(this.formData).then(res => {
					if(res.data.a.code==200){
						// uni.navigateTo({
						// 	url:`../webview/index?url=${res.data.a.data.mwebUrl}`
						// })
						// #ifdef APP-PLUS
						const platform = uni.getSystemInfoSync().platform
						// 创建一个webview
						const webview = plus.webview.create('','支付域名');
						// 通过webview打开链接，后面加referer表示该链接是从哪里打开的，请填写申请h5支付的域名，比如：http://www.baidu.com,需要已备案
						switch(platform){
						  case 'android':
						    webview.loadURL(res.data.a.data.mwebUrl,{'Referer':'支付域名'});
						    break;
						  case 'ios':
						    webview.loadURL(res.data.a.data.mwebUrl,{'Referer':'支付域名://'});
						    break;
						  default:
						    break;
						}
						// #endif
						// #ifdef H5
						window.open(res.data.a.data.mwebUrl);
						// #endif
						
					}
	})
},