AI智能
改变未来

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呢 ?

赞(0) 打赏
未经允许不得转载:爱站程序员基地 » axios封装接口步骤详解