Axios是什么?

Axios 是一个基于 promise 的 HTTP 库,简单的讲就是可以发送get、post请求。说到get、post,大家应该第一时间想到的就是Jquery吧,毕竟前几年Jquery比较火的时候,大家都在用他。但是由于Vue、React等框架的出现,Jquery也不是那么吃香了。也正是Vue、React等框架的出现,促使了Axios轻量级库的出现,因为Vue等,不需要操作Dom,所以不需要引入Jquery.js了。




axios 特性 axios功能_ios


Axios特性

1、可以在浏览器中发送 XMLHttpRequests

2、可以在 node.js 发送 http 请求

3、支持 Promise API

4、拦截请求和响应

5、转换请求数据和响应数据

6、能够取消请求

7、自动转换 JSON 数据

8、客户端支持保护安全免受 XSRF 攻击

Axios用在什么场景?

在特性里面已经有提到,浏览器发送请求,或者Node.js发送请求都可以用到Axios。像Vue、React、Node等项目就可以使用Axios,如果你的项目里面用了Jquery,此时就不需要多此一举了,jquery里面本身就可以发送请求。

Axios如何使用?

安装模块


npm install axios


或者直接引入


<


引入模块后可以直接使用

示例(一)


// GET


上面的参数是可选的

如果你想并发多个请求,可以看下方代码


function


示例(二)

除了上面的方式外,你可以通过向 axios 传递相关配置来创建请求,如:


// POST


语法


axios


config


{


示例(三)

我们还可以使用自定义配置新建一个 axios 实例,并且可以在请求或响应被 then 或 catch 处理前拦截它们。


// 如文件名叫http.js


如何使用上面的http.js???


import


示例(四)

如何取消接口??? 场景:一个搜索框,每次输入字符都会调用接口,这时候没有办法来知道那个接口数据放回是最后一次的,只能取消之前发起的相同接口,所以就有了取消接口。


var


总结

Axios可以说把请求这件事做到了极致,封装的很好用,目前下载次数:4,784,599次,github star:60,584次。足矣说明开发者们还是很喜欢他的。浏览器支持方法,除了IE低版本以外,最新版的浏览器都是支持的。