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

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

时间:2022-11-06 16:16:06浏览次数:81  
标签:code 微信 地址 vue 参数 回调

参考声明:https://blog.csdn.net/sxdtzhaoxinguo/article/details/107185317

摘要

前后端分离开发中,微信公众号、企业微信、小程序、开发中,经常会有授权登录的场景,但是授权登录场景肯定会有一个问题,就是接收微信的回调,同时前端要拿到回调地址上面的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请求其他接口了。

标签:code,微信,地址,vue,参数,回调
From: https://www.cnblogs.com/javaxubo/p/16862841.html

相关文章

  • Vue前端框架基础+Element的使用
    前置内容:AJAX基础+Axios快速入门+JSON使用目录1、VUE1.1概述1.2快速入门1.3Vue指令1.3.1v-bind&v-model指令1.3.2v-on指令1.3.3条件判断指令1.3.4v-for......
  • Codeforces-1753B Factorial Divisibility题解
    Codeforces-1753BFactorialDivisibility参考:https://blog.csdn.net/qq_38236082/article/details/127500190题意:问$a_1!+a_2!+a_3!+...+a_n!$能否被$x!$整除。......
  • leetcode(33)图系列题目
    1615.最大网络秩直接模拟即可classSolution:defmaximalNetworkRank(self,n:int,roads:List[List[int]])->int:adjs=defaultdict(set)#注意......
  • LeeCode 318周赛复盘
    T1:对数组执行操作思路:模拟publicint[]applyOperations(int[]nums){intn=nums.length;for(inti=0;i<n-1;++i){if(nums[i]==nums[i+1......
  • [哈希]leetcode242. 有效的字母异位词
    题目给定两个字符串s和t,编写一个函数来判断t是否是s的字母异位词。注意:若 s和t 中每个字符出现的次数都相同,则称 s和t 互为字母异位词。示例 1:输入:......
  • 9.Vue项目搭建:脚手架
    vue2:使用vue_cli创建vue3:可以使用vue_cli创建,官方更推荐使用vite:更快更小脚手架:内置了很多组件来帮助我们更便捷的的开发vue.js项目。 1.使用vue_cli创建项目vue_cl......
  • [哈希]leetcode349. 两个数组的交集
    题目给定两个数组 nums1 和 nums2,返回它们的交集 。输出结果中的每个元素一定是唯一的。我们可以不考虑输出结果的顺序。示例1:输入:nums1=[1,2,2,1],nums2......
  • vue-事件修饰符
    事件修饰符顾名思义,“事件修饰符”是用来修饰事件的。Vue.js为v-on提供了事件修饰符,修饰符是由点开头的指令后缀来表示的。 事件修饰符有: .stop阻止冒泡.p......
  • 深入理解Vuex、原理详解、实战应用
    辅助理解vuex的工作原理:好比一个客户(VueComponents)去饭店吃饭,客人首先和服务员(Actions)对接,然后服务员再将客户的需求讲述给厨房的厨师(Mutations)。存在一种情况、客户和厨......
  • CodeForces 1747E List Generation
    CF传送门洛谷传送门考虑将问题抽象成:左上角为\((0,0)\)、右下角为\((n,m)\)的网格图,求所有满足至少有一条只向下或向右走的路径经过点集内所有点的的不同的点集大......