Vue之axios

axios是Vue学习中非常重要的一个模块,老生常谈我们还是从最经典的问题开始。

一.什么是axios

axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,本质上也是对原生XHR的封装,只不过它是Promise的实现版本,符合最新的ES规范。

二.axios的作用

axios的主要作用为前后台数据传送,用于向后台发起请求的。

  • 从浏览器中创建 XMLHttpRequests
  • 从 node.js 创建 http 请求
  • 支持 Promise API
  • 拦截请求和响应
  • 转换请求数据和响应数据
  • 取消请求
  • 自动转换 JSON 数据
  • 客户端支持防御 XSRF

三.axios和vue-resource的区别

vue-resource是Vue.js的一款插件,它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说,$.ajax能做的事情,vue-resource插件一样也能做到。但是,vue2.0之后,就不再对vue-resource更新,而是推荐使用axios。

四.axios的使用

1)安装

npm install axios --save

2)全局注册

在main.js中进行注册

3)在需要的组件中使用axios(如果在main.js中全局注册了axios,在组件中就可以直接通过this.axios使用即可)