vue2.0之axios

作者: 魂斗罗小黑 | 来源:发表于2017-12-29 11:22 被阅读72次

    安装

    使用 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定义

    相关文章

      网友评论

        本文标题:vue2.0之axios

        本文链接:https://www.haomeiwen.com/subject/uuligxtx.html