vue引入支付宝支付
基于我们公司的项目是需要在web端、手机浏览器和微信浏览器中都要运行,所以我这边把对应不同的端调用的方法也分开列一下。一、web端let newWindow = window.open(this.$store.state.envUrl + '/jumpPage',"_blank")this.postRequestWWW(‘此处写调用的后台接口名’, {...
·
基于我们公司的项目是需要在web端、手机浏览器和微信浏览器中都要运行,所以我这边把对应不同的端调用的方法也分开列一下。
一、web端
let newWindow = window.open(this.$store.state.envUrl + '/jumpPage',"_blank")
this.postRequestWWW(‘此处写调用的后台接口名’, {
此处写需要传的参数
})
.then(res => {
.....
newWindow.location = res.data.body;
})
.catch(error => {
console.log(error);
});
在该段代码中,postRequestWWW是我这边分装的请求方式,此处可根据自己项目修改
res.data.body是后台返回的支付的页面,我们只需跳转到这个页面即可
注:如果我们直接在请求完接口后跳转至后台返回的支付页面,那么该网页可能会遭到拦截(会被定位为广告)。所以这边我加了一个中间页(‘/jumpPage’),在调用接口前新窗口打开该页面,得到数据后在将地址改为得到的支付页面,可解决网页拦截问题。
二.手机浏览器
方法同上
三.微信浏览器
点击支付宝支付,跳转至新页面(如图)。判断一下所处位置,如果在微信浏览器中,则为一个引导页,引导用户在手机浏览器中打开该页面;如果在手机浏览器中,则开始调用后台接口,后面步骤同web端方法
好久没总结了,可能写的有点乱,或者有不对的地方,欢迎大家一起探讨。。。
更多推荐
已为社区贡献3条内容
所有评论(0)