axios的封装

Posted 前端开发小菜鸡

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了axios的封装相关的知识,希望对你有一定的参考价值。

为什么要进行封装?

如果有一天,100个组件都采用了axios的直接引入,而不是放到一个文件夹,都从这个文件中引入。一旦axios不再维护,或者要换其他请求框架,那么就要改100处。而封装之后只需要修改一处即可完成任务,大大减少了搬砖时间。

第一种、第二种都采用回调函数的封装

 

第二种:

 

 

 

第三种采用return new Promise()的方法

 

 

 

 

 第四种,比较特殊因为axios封装的ajax请求使用Promise异步操作的,它的axios({})返回的就是一个Promise,所以直接然后写成功如何,失败如何

 

 

以上是关于axios的封装的主要内容,如果未能解决你的问题,请参考以下文章

Vue--封装axios跨域

封装axios

axios的封装

vue中axios请求封装

vue中axios请求封装

axios封装