vue2.0之axios

安装

使用 bower:

$ bower install axios

使用 npm:

$ npm install axios

例子

发送一个GET请求

发送一个POST请求

发送多个并发请求

axios API

可以通过给axios传递对应的参数来定制请求：

axios(config)

axios(url[, config])

请求方法别名

为方便起见，我们为所有支持的请求方法都提供了别名

axios.get(url[, config])

axios.delete(url[, config])

axios.head(url[, config])

axios.post(url[, data[, config]])

axios.put(url[, data[, config]])

axios.patch(url[, data[, config]])

注意

当使用别名方法时，url、method和data属性不需要在 config 参数里面指定。

并发

处理并发请求的帮助方法

axios.all(iterable)

axios.spread(callback)

创建一个实例

你可以用自定义配置创建一个新的 axios 实例。

axios.create([config])

实例方法

所有可用的实例方法都列在下面了，指定的配置将会和该实例的配置合并。

axios#request(config)

axios#get(url[, config])

axios#delete(url[, config])

axios#head(url[, config])

axios#post(url[, data[, config]])

axios#put(url[, data[, config]])

axios#patch(url[, data[, config]])

请求配置

下面是可用的请求配置项，只有url是必需的。如果没有指定method，默认的请求方法是GET。

响应的数据结构

响应的数据包括下面的信息：

当使用then或者catch时, 你会收到下面的响应：

默认配置

你可以为每一个请求指定默认配置。

全局 axios 默认配置

自定义实例默认配置

配置的优先顺序

拦截器

你可以在处理then或catch之前拦截请求和响应

移除一个拦截器：

你可以给一个自定义的 axios 实例添加拦截器：

错误处理

Promises

axios 依赖一个原生的 ES6 Promise 实现，如果你的浏览器环境不支持 ES6 Promises，你需要引入polyfill

TypeScript

axios 包含一个TypeScript定义