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

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

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

在支付页面中commit

 

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

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

遇到的几种情况：

chooseWXPay:fail,the permission value is offline verifying：

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

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

需要后台看下openId配置

chooseWXPay:fail:

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