vue项目中实现微信公众号支付

文章来自：源码在线https://www.shengli.me/javascript/135.html

使用jssdk调用微信支付，具体如下：

 

在支付页面中commit

 

 

支付点击完成按钮后前端会收到JavaScript的返回值；

 

接着后台收到来自微信开放平台的支付成功回调通知

 

遇到的几种情况：

 

chooseWXPay:fail,the permission value is offline verifying：

 

这是应为需要真机测试导致的，不能再微信开发者工具上测试；

 

下单账户与支付账户不一致：

 

需要后台看下openId配置

 

chooseWXPay:fail:

 

需要配置正确的支付授权目录，vue的单页应用直接配置为域名应用就可以，其他需要配置为调用支付的上一级目录，以/结束。