vue项目中调用原生的支付宝接口

vue项目中调用支付宝进行支付有两种方式：

一、支付宝H5网页支付，这种方式会从内部的项目跳转到支付宝的外部链接，只需要后台配置即可。

       在前端点击支付的按钮的时候，会请求后台的接口，后台会返回一个form表单的数据，前端只需要将返回的表单添加到页面中即可，但是这种方式只要支付失败的话，就直接退出了整个程序。

     

二、 调用手机原生支付宝app。

     1.   本项目中必须支付H5的plus函数，在index.html中添加

这样项目中可以直接使用mui和plus方法了。

    2.   获取支付通道的接口：

    3.  写支付函数：

         其中链接地址中total是要支付的金额，datas是从后台请求过来的数据添加到这里即可。

两种支付宝支付方式已完成，需要用到的小伙伴可以借鉴一下，毕竟第一次开发支付宝支付的功能，也是各种寻找答案，找了将近三天的时间，最终找到了心满意足的答案。