vue 微信支付的坑_Vue实现微信支付功能遇到的坑

微信支付功能相比较支付宝支付，有点点繁琐，整理记录下来，以便日后所需

项目用VUE+EL搭建而成，支付用EL的radio来做的

微信支付

推荐安装最新版微信使用

支付宝

推荐有支付宝账户的用户使用

坑来了。。。。

之前一直是前端请求后台接口，后台调取微信支付接口，但点击微信支付后一直提示跨域、重定向问题

就是这个坑，问了好多人，都在说是不是没有配置安全域名或接口白名单什么的，但后端真真的已经配置了，后来我们换了一种方法，由前端来提供code 授权成功之后，返回给后端

在mounted()获取code：

this.code = ''

var local = window.location.href // 获取页面url

var appid = ''

this.code = getUrlCode().code // 截取code

if (this.code == null || this.code === ''){

window.location.href = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appid}&redirect_uri=${encodeURICompon