前后端分离中,在vue中如何截取微信回调地址上的code参数?

微信公众号开发 同时被 2 个专栏收录
2 篇文章 0 订阅

作者:迷彩
出处:Java源码网
原文地址:https://javaymw.com/post/66

摘要

在前后端分离开发中,微信公众号、企业微信、小程序、开发中,经常会有授权登录的场景,但是授权登录场景肯定会有一个问题,就是接收微信的回调,同时前端要拿到回调地址上面的code参数,下面我们就来看下怎么拿到回调地址上面的code参数

效果图

Vue 截取微信重定向Url上的参数-01.png

代码

首先创建一个vue的前端项目,然后调用获取微信授权的接口,这里我省略了调用微信授权的接口,直接接受微信的回调,假设现在微信的回调地址就是:http://localhost:8080/?source=test&code=q125464545654&companyCode=2&state=asfdasdfasdfasdf,那么在微信回调vue前端的时候,前端怎么获取Url上面的code参数的值呢,下面是具体的代码,见下图:
Vue 截取微信重定向Url上的参数-02.png

结束语

根据上面的操作,就能拿到微信返回来的code参数,这样就可以根据code请求其他接口了。

作者:迷彩
出处:Java源码网
原文地址:https://javaymw.com/post/66

  • 2
    点赞
  • 1
    评论
  • 1
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

相关推荐
©️2020 CSDN 皮肤主题: Age of Ai 设计师:meimeiellie 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值