首页 > 其他分享 >axios封装后发get请求

axios封装后发get请求

时间:2023-09-05 21:44:07浏览次数:37  
标签:axios 封装 请求 get 拦截器 params 后发

ruoyi的前端对axios进行了封装,让我们发get请求或者是post请求更加方便了。ruoyi对axios的封装在下面文件中:

打开文件,可以看到它有三个显眼的方法,分别是request拦截器、response拦截器和通用下载方法。

request拦截器对我们发送的请求进行了封装,当我们发送Get请求,那么我们携带参数的时候应该用param。对应下面的源码。

get请求映射params参数,如果要传参就一定要用params属性名(后面紧跟一个对象)。这样就可以让get请求自动变为我们熟悉的形式[http://xxxxx:port/aaa?key1=value1&key2=value2]

举个栗子

第一个是登录的时候的验证码,它不带参数(后端自动生成的),前端获取并且展示出来,这里不用写属性名。

第二个是查询在线用户列表,要传参数,所以用了params属性名,然后传对象query进去。

验证一下,第一个是不带参的

现在再来个带参的

用一个分隔符&将其分开

省流,流程如下:

若依就是在get请求的时候创建了一个axios的实例,创建之后对get请求做了特殊处理(拼接一个字符串),让get请求映射params参数。

标签:axios,封装,请求,get,拦截器,params,后发
From: https://www.cnblogs.com/dljx-springboot/p/17680840.html

相关文章

  • 刷面经的正确姿势,快来get!大厂面经集合2.0
    本文首发自公粽hao「林行学长」,欢迎来撩,免费领取20个求职工具资源包。了解校招、分享校招知识的学长来了!想必24届的朋友们都在面试的路上了吧,面试可是校招的必经环境。作为经历过校招的学长,曾经也是一枚面试小白,完全不知道如何应对面试、不知道面试官会问什么问题。但是现在,许多......
  • Android - Get Bluetooth UUID for this device
    StackOverflowisacommunityof4.7millionprogrammers,justlikeyou,helpingeachother.Jointhem,itonlytakesaminute:Android-GetBluetoothUUIDforthisdeviceupvote9downvotefavorite7IwasbrowingStackandtheinternetforasimplesolut......
  • Vue2 中vuex和store基本用法——取值之this.$store.getters.getValue & 修改值之this.
        参考:https://blog.csdn.net/weixin_44867717/article/details/124133304 项目实例:      ......
  • os.path.getmtime(file) 与 os.stat(file).st_mtime 的区别
    os.path.getmtime(file)和os.stat(file).st_mtime都用于获取文件的最后修改时间,但它们之间有一些区别:返回值类型:os.path.getmtime(file)返回的是一个浮点数,表示文件的最后修改时间,以秒为单位。os.stat(file).st_mtime返回的也是一个浮点数,表示文件的最后修改时间,以秒为单位。......
  • dotnet 理解 IConfigurationProvider 的 GetChildKeys 方法用途
    我最近遇到了一个有趣的Bug让我调试了半天,这个Bug的现象是我的好多个模块都因为读取不到配置信息而炸掉,开始我没有定位到具体的问题,以为是我的配置服务器挂掉了。经过了半天的调试,才找到了是我新加入的使用COIN配置库的ReadonlyCoinConfiguration类型导致的,此ReadonlyCoi......
  • 泛微E-office getFolderZtreeNodes SQL注入漏洞
    漏洞简介getFolderZtreeNodes.php存在SQL注入漏洞,攻击者可利用该漏洞获取数据库敏感信息漏洞复现fofa语法:app="泛微-EOffice"登录页面如下:POC:POST/general/system/file_folder/purview_new/getFolderZtreeNodes.phpHTTP/1.1Host:User-Agent:Mozilla/5.0(WindowsNT......
  • Linux下非阻塞getch实现示例
    作者:fbysss关键字:getch问题1:标准c中没有getch函数,等待键盘输入之后,总是需要按下回车才能得到值,如何解决?问题2:在等待键盘输入的时候,程序被阻塞了,下面的代码必须在输入处理之后才能执行。如果不使用线程,如何实现非阻塞模式?解决办法:#include<curses.h>#include......
  • vue3+ts Axios封装—重复请求拦截
    创建好vue3项目1.安装Axios与ElementPlusAxios安装npminstallaxiosElementPlus安装官网入口:https://element-plus.gitee.io/zh-CN/npminstallelement-plus--saveElement主要用到信息提示与全屏加载动画2.在src目录下创建api文件夹和utils文件夹api......
  • 1.15 自实现GetProcAddress
    在正常情况下,要想使用GetProcAddress函数,需要首先调用LoadLibraryA函数获取到kernel32.dll动态链接库的内存地址,接着在调用GetProcAddress函数时传入模块基址以及模块中函数名即可动态获取到特定函数的内存地址,但在有时这个函数会被保护起来,导致我们无法直接调用该函数获取到特定函......
  • 1.15 自实现GetProcAddress
    在正常情况下,要想使用GetProcAddress函数,需要首先调用LoadLibraryA函数获取到kernel32.dll动态链接库的内存地址,接着在调用GetProcAddress函数时传入模块基址以及模块中函数名即可动态获取到特定函数的内存地址,但在有时这个函数会被保护起来,导致我们无法直接调用该函数获取到特定......