vue api层封装 axios封装（大厂案例）

为什么要封装axios

有一定设计思想的同学，应该会有个意识，我们前端的api层与业务层应该是分离的。
否则业务层会特别混乱，我们要实现的目标是业务层只调用方法，返回接口数据。其余的都交给api层来做。那我们具体应该怎么设计呢？

设计思路

api层：联通后台接口，进行错误统一处理（根据不同的状态码），以及成功处理。

实际操作

1.我们在src目录下新建一个request文件夹（你可以自己命名，不过名字需要按规定来，保证项目的规范化，语义化，不能瞎命名）
2.新建一个axios.js文件，用于封装axios。
3.新建一个apiUrl.js文件，用于存放所有接口，方便维护和管理。
4.新建一个common.js文件，用于封装业务层调用的各种方法。