axios封装后发get请求

发布时间 2023-09-05 21:44:16作者: 丹狼键仙

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参数。