v3+vant简单支付

1、总体支付流程

• 前端发送订单id和支付方式给后端
• 后端返回支付地址
• 前端访问支付地址进行支付
• 支付平台将支付结果返回给后端
• 后端根据支付结果通知前端作出反应

2、生成预支付页面

通常在点击立即支付后，并不会直接进行支付操作，会先根据订单信息生成预支付信息，再预支付信息中包含订单ID，预支付页面选择支付方式并点击支付后，才会将订单ID和支付方式发送给后台等待返回支付地址，也就是我们常说的收银台

2、接口代码

// 获取支付地址  0 是微信  1 支付宝
export const getConsultOrderPayUrl = (params: {
  //支付方式
  paymentMethod: 0 | 1
  //订单ID
  orderId: string
  //payCallback是支付成功后的回调访问地址
  payCallback: string
}) => request<{ payUrl: string }>('/patient/consult/pay', 'POST', params)
//payUrl就是返回来的支付地址，是由后端生成的，在页面中接收到返回值后，直接进行访问支付

3、支付失败

在支付失败时，可以在路由处设置独享守卫

 beforeEnter(to) {
        if (to.query.payResult === 'false') return '/'
      }

== ‘false’) return ‘/’
}