axios网络模块封装

网络测试
httpbin.org
发送普通的请求
axios网络模块封装_第1张图片
get请求可以直接拼到URL后面
axios网络模块封装_第2张图片
也可以将参数放到params对象中
axios网络模块封装_第3张图片
axios网络模块封装_第4张图片
axios发送并发请求
axios网络模块封装_第5张图片
axios网络模块封装_第6张图片
spread可以把值展开
axios网络模块封装_第7张图片
axios网络模块封装_第8张图片
数组的解构
axios网络模块封装_第9张图片
对象的解构
axios网络模块封装_第10张图片
axios配置信息相关
axios网络模块封装_第11张图片
原始信息
axios网络模块封装_第12张图片
defaults全局配置
使用全局的axios和对应的配置在进行网络请求
axios网络模块封装_第13张图片
常见的配置选项
axios网络模块封装_第14张图片
get请求—params
post请求—data
export default Axios //因为是default,所以import可以随意起名字
import axios from ‘xxxxx’

export default //只能导出一个实例
export const,function… //可以导出多个实例
axios网络模块封装_第15张图片

创建axios的实例
axios网络模块封装_第16张图片

axios网络模块封装_第17张图片
创建第二个实例
axios网络模块封装_第18张图片
axios网络模块封装_第19张图片
在这里插入图片描述
axios网络模块封装_第20张图片
拦截器
全局拦截器
在这里插入图片描述
局部拦截器
请求拦截
axios网络模块封装_第21张图片
响应拦截
axios网络模块封装_第22张图片
响应拦截需要返回,返回的时候,只需要返回data,其他是axios框架加上去的,没用
axios网络模块封装_第23张图片

你可能感兴趣的:(前端,前端)