VUE爬坑之----微信支付功能

置顶

草帽小子的女人

于 2019-05-21 17:33:30 发布

阅读量4k

点赞数 23

分类专栏： VUE 文章标签： vue调取微信支付前后端分离调取微信支付 VUE跨域重定向

本文链接：https://blog.csdn.net/weixin_45102071/article/details/90411379

版权

本文记录了使用VUE+Element UI搭建的项目中，解决微信支付跨域和重定向问题的过程。通过前端获取code并授权给后端，成功调用微信支付接口。这是一个解决此类问题的有效方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

微信支付功能相比较支付宝支付，有点点繁琐，整理记录下来，以便日后所需
项目用VUE+EL搭建而成，支付用EL的radio来做的

<el-radio v-model="radio" label="weixin" >
					<i class="iconfont icon-weixin"></i>
					<div class="list">
						<h5>微信支付</h5>
						<span>推荐安装最新版微信使用</span>
					</div>
			</el-radio>
			<el-radio v-model="radio" label="zhifubao">
					<i class="iconfont icon-zhifubao"></i>
					<div class="list">
						<h5>支付宝</h5>
						<span>推荐有支付宝账户的用户使用</span>
					</div>
			</el-radio>

坑来了。。。。
之前一直是前端请求后台接口，后台调取微信支付接口，但点击微信支付后一直提示跨域、重定向问题
在这里插入图片描述
就是这个坑，问了好多人，都在说是不是没有配置安全域名或接口白名单什么的࿰