vue引入支付宝支付

基于我们公司的项目是需要在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端方法

好久没总结了，可能写的有点乱，或者有不对的地方，欢迎大家一起探讨。。。