resource

vue-resource是Vue.js的一款插件，它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说，$.ajax能做的事情，vue-resource插件一样也能做到，而且vue-resource的API更为简洁。

优点：

1.体积小

vue-resource非常小巧，在压缩以后只有大约12KB，服务端启用gzip压缩后只有4.5KB大小，这远比jQuery的体积要小得多。

2.支持主流的浏览器

和Vue.js一样，vue-resource除了不支持IE 9以下的浏览器，其他主流的浏览器都支持。

3.支持promist API

romise是ES6的特性，Promise的中文含义为“先知”，Promise对象用于异步计算。

4.支持拦截器

拦截器是全局的，拦截器可以在请求发送前和发送请求后做一些处理。
拦截器在一些场景下会非常有用，比如请求发送前在headers中设置access_token，或者在请求失败时，提供共通的理方式。

使用

get请求


post请求

axios

vue2.0之后，就不再对vue-resource更新，而是推荐使用axios。axios基于 Promise 的 HTTP 请求客户端，可同时在浏览器和 Node.js 中使用。

优点

1、在浏览器中发送 XMLHttpRequests 请求

2、在 node.js 中发送 http请求

3、支持 Promise API

4、拦截请求和响应

5、转换请求和响应数据

6、取消请求

7、自动转换 JSON 数据

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

使用

1.安装 axios

$ npm install axios

2.在要使用的文件中引入axios

import axios from ‘axios’

get请求


post请求


并发执行多个请求

axios API：可以通过将相关配置传递给 axios 来进行请求。

fetch

优点：

使用