axios封装接口步骤详解

这里写自定义目录标题

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

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值