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

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

时间:2022-11-24 20:31:46浏览次数:38  
标签:code 微信 前端 vue 参数 回调


作者:迷彩

摘要

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

效果图

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

代码

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

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

结束语

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

作者:迷彩


标签:code,微信,前端,vue,参数,回调
From: https://blog.51cto.com/u_4679008/5884781

相关文章