axios请求get与post的封装

本文探讨了前端开发中API接口统一管理的重要性,详细介绍了使用axios进行封装的方法,包括请求与响应拦截处理,以及get与post请求的区别,强调了Content-Type设置的正确性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

现在前端越来越注重统一管理api接口,如果不对axios进行封装,会出现以下问题:1对接口的地址进行管理困难;2接口成功或者失败之后统一进行处理;3代码冗余。

如下分别是get请求与post请求

下面我们对其进行封装。

第一步对请求与响应进行拦截处理

然后我们就可以专门建个api放接口路径与接口函数啦

这里要注意一个问题,在get请求时是params,post请求时是data,之前踩过一个坑,就是post请求时参数传的是params,发现参数给自动加在后缀里面啦,导致找不到接口,这也是的区别,一个是请求体,一个是传参。这里延伸一下,一般后端接口收不到参数,无外乎下面几种情况,Content-Type的类型是否正确,如下图

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值