vue 移动端H5非内置浏览器发起微信、支付宝支付

该贴只说前端部分，后端人员绕路哈。

先调用统一下单接口后

1、微信部分，后端会返回一个url给你，

"mweb_url":"https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb?prepay_id=wx********************&package=162****"

直接跳转就行了。(最后提醒句：提示服务商参数缺失的话就让服务商开通H5支付)

window.location.href = res.data.mweb_url

2、支付宝方面就有点麻烦，因为它返回的是一个form

所以嘛，需要创建个div然后innerHTML插入HTML代码

const div = document.createElement('div') // 创建div
div.innerHTML = res.data.aliHtml // 将返回的form 放入div
document.body.appendChild(div) // 将上面创建的元素加入到BODY的尾部
document.forms[0].submit() // 表示获取当前页面的第一个表单

这样就OK了

如果想问支付成功后的跳转呢，你则需要给一个链接给到后端，后端传给阿里或者微信，成功后自己跳的。