Vue中的Axios

1.随着 vuejs 作者尤雨溪发布消息，不再继续维护vue-resource，并推荐大家使用 axios 开始，axios 被越来越多的人所了解。
2.axios 简介
axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：

从浏览器中创建 XMLHttpRequest

从 node.js 发出 http 请求

支持 Promise API

拦截请求和响应

转换请求和响应数据

取消请求

自动转换JSON数据

客户端支持防止 CSRF/XSRF

3.安装：

$ npm install axios

$ cnpm install axios //taobao源

$ bower install axios

或者cdn引入：

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

4.执行 GET 请求

// 向具有指定ID的用户发出请求

axios.get('/user?ID=12345')

 .then(function (response) {

 console.log(response);

 })

 .catch(function (error) {

 console.log(error);

 });

// 也可以通过 params 对象传递参数

axios.get('/user', {

 params: {

 ID: 12345

 }

 })

 .then(function (response) {

 console.log(response);

 })

 .catch(function (error) {

 console.log(error);

 });

5.执行 POST 请求

axios.post('/user', {

 firstName: 'Fred',

 lastName: 'Flintstone'

 })

 .then(function (response) {

 console.log(response);

 })

 .catch(function (error) {

 console.log(error);

 });

6.执行多个并发请求

function getUserAccount() {

 return axios.get('/user/12345');

}

function getUserPermissions() {

 return axios.get('/user/12345/permissions');

}

axios.all([getUserAccount(), getUserPermissions()])

 .then(axios.spread(function (acct, perms) {

 //两个请求现已完成

 }));