vue——axios用法简单介绍

Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。

1.特性

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

2.安装

使用 npm: npm install axios
使用 bower: bower install axios
使用 cdn: https://unpkg.com/axios/dist/axios.min.js

3.例子

执行 GET 请求

执行 POST 请求

执行多个并发请求

4.axios API

可以通过向 axios 传递相关配置来创建请求

axios(config)

axios(url[, 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、data 这些属性都不必在配置中指定。

并发,处理并发请求的助手函数

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]])

5.请求配置

这些是创建请求时可以用的配置选项。只有 url 是必需的。如果没有指定 method,请求将默认使用 get 方法。

6.响应结构

某个请求的响应包含以下信息

使用 then 时,你将接收下面这样的响应:

7.默认配置

你可以设置默认配置,对所有请求都有效
全局的 axios 默认值

自定义实例默认值

配置的优先顺序
配置会以一个优先顺序进行合并。这个顺序是:在 lib/defaults.js 找到的库的默认值,然后是实例的 defaults 属性,最后是请求的 config 参数。后者将优先于前者。这里是一个例子:

8.拦截器

在请求或响应被 then 或 catch 处理前拦截它们。

如果你想在稍后移除拦截器,可以这样:

可以为自定义 axios 实例添加拦截器

9.错误处理

可以使用 validateStatus 配置选项定义一个自定义 HTTP 状态码的错误范围。

10.取消

使用 cancel token 取消请求
可以使用 CancelToken.source 工厂方法创建 cancel token,像这样:

还可以通过传递一个 executor 函数到 CancelToken 的构造函数来创建 cancel token:

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复