axios 封装 页面使用 axios封装接口

这里写自定义目录标题

• axiso封装接口步骤

axiso封装接口步骤

说一下关于axiao封装：

我们一般都是在做一个大型项目的时候，需要用到很多接口时，我们为了方便使用，就把接口封装起来。那么思路是什么呢？

首先我们先在src下创建一个文件夹，可以叫你自己的名字，但是为了代码规范，还是建议起接口相关名称，我这边就叫http了。

1⃣，然后在http才新建两个文件，

2⃣，一个用来放你的接口设置，比如说总接口呀，环境呀，超时时间呀，拦截器呀等等。

3⃣，那么另一个文件就放我们要封装的接口，

4⃣，最终在页面调用。

这个固定的步骤其实最好理解 就像是要把大象装进冰箱里，先开门，放进去，关门。

那么具体一点的实现呢，举个例子吧：

比如说我们要封装一个添加用户的接口，

🍉，首先我们就需要在封装的页面里引入那个设置接口规则的文件，也就是http下的另一个文件（主要是为了那总接口跟接口参数拼接）。

🍓，然后export function 一个名字，里面URL：你的接口参数（例：/adduser），然后methosd方法里，写你的get，post或者put请求方式。一般来说我们新增用户需要用post方法，并且需要携带参数。那么post的传参方式就是data，怎么实现呢？我们可以在你的名字后面的括号里传递参数，然后再方法methods下面另起一行，写data携带的参数。

🍑，最后我们在需要调用方法的页面，引入你的方法。在我们点击添加按钮的时候，我们直接调用这个方法就可以了。

是不是very nice呢 🍯