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

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

下面我们对其进行封装。

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

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

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

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐