Axios 详解

Axios 是什么？是干什么的？

• Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 Node.js 中。

• Axios：前端通信框架，因为vue的边界很明确，就是为了处理 DOM，所以并不具备通信功能，此时就需要额外使用一个通信框架与服务器交互；当然也可以使用jQuery提供的 Ajax 通信功能。
  

为啥选 Axios ？

在 Vue 的开发过程中能实现发送网络请求的方式有很多种，下面详细看一下每种方式和选 axios 的原因：

1、传统的 Ajax 是基于 XMLHttpRequest（XHR）

因为在项目开发中封装它的过程比较麻烦，配置和调用方式也比较混乱，一般开发不会用这种方式，而是用 jQuery-Ajax 。

2、jQuery-Ajax，相对于传统的 Ajax 非常好用

jQuery-Ajax 相对于传统的Ajax来说就比较好用了，但是在 Vue 的开发过程中不需要使用 jQuery ，而且jQuery是个比较重量级的框架，没有必要为了方便进行一个网络请求而特意引入一个 jQuery。

3、Vue官方曾推出过 Vue-resource 插件

Vue-resource 的体积相对于 jQuery 小很多。但是到目前来Vue 2.0 版本推出之后，以后将不再对 Vue-resource 进行维护和更新了，所以说继续用这种方式开发项目会有很大隐患哦。

4、在说明不再继续更新和维护 Vue-resource 的同时，还推荐了一个框架 axios 。

axios 有非常多的优点并且用起来也非常方便，它支持在浏览器中发送 XMLHttpRequests 请求，支持在node.js中发送 http 请求，支持 Promise API，可以拦截请求和响应，可以转换请求和响应数据。（反正就是很牛逼，还不赶紧用你是在寻思啥呢？）

！Axios 是 Ajax，Ajax 不止 Axios。

转载来源，侵权删