Axios是什么?

122 阅读2分钟

Axios是什么?

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

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

或者直接引入

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

axios 的特点

  1. 异步的 ajax 请求库。
  2. 在浏览器端和 node 端都可以使用。
  3. 支持 Promise API。
  4. 支持请求和响应拦截。
  5. 响应数据自动转换 JSON 数据。
  6. 支持请求取消。
  7. 可以批量发送多个请求。
  8. 客户端支持安全保护,免受 XSRF 攻击。

axios请求方法

主要有get,post,put,patch,delete

get 获取数据

post 提交数据(表单提交+文件上传)

put 更新数据(将所有数据均推放到服务端)

patch 更新数据(只将修改的数据推送到后端)

delete 删除数据

axios既可以在浏览器端使用,也可以在node.js中使用。在浏览器端发送的是XMLHttpRequest,在 node.js 发送的是 http 。像VUE、React、Node等项目都可以使用axios。