编程实战教程16_网络请求库axios.pdf

网络请求库–axios库

王红元coderwhy

目录

1认识Axios库

content

2axios发送请求

3axios创建实例

4axios的拦截器

5axios请求封装

coderwhy认识axios

◼为什么选择axios?作者推荐和功能特点

◼功能特点:

在浏览器中发送XMLHttpRequests请求

在node.js中发送http请求

支持PromiseAPI◼补充:axios名称的由来?个人理解

拦截请求和响应➢没有具体的翻译.

转换请求和响应数据➢axios:ajaxi/osystem.

等等

coderwhyaxios请求方式

◼支持多种请求方式:

axios(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]])

◼有时候,我们可能需求同时发送两个请求

使用axios.all,可以放入多个请求的数组.

axios.all([])返回的结果是一个数组，使用axios.spread可将数组[res1,res2]展开为res1,res2

coderwhy常见的配置选项

◼请求地址◼查询对象序列化函数

url:/user,paramsSerializer:function(params){}

◼请求类型◼requestbody

method:get,data:{key:aa},

◼请根路径◼超时设置

baseURL:/api,timeout:1000,

◼请求前的数据处理

transformRequest:[function(data){}],

◼请求后的数据处理

transformResponse:[function(data){}],

◼自定义的请求头

headers:{x-Requested-With:XMLHttpRequest},

◼URL查询对象

params:{id:12},

coderwhyaxios的创建实例

◼为什么要创建axios的实例呢?

当我们从axios模块中导入对象时,使用的实例是默认的实例；

当给该实例设置一些默认配置时,这些配置就被固定下来