axios网络模块封装

网络测试
httpbin.org
发送普通的请求
在这里插入图片描述
get请求可以直接拼到URL后面
在这里插入图片描述
也可以将参数放到params对象中
在这里插入图片描述
在这里插入图片描述
axios发送并发请求
在这里插入图片描述
在这里插入图片描述
spread可以把值展开
在这里插入图片描述
在这里插入图片描述
数组的解构
在这里插入图片描述
对象的解构
在这里插入图片描述
axios配置信息相关
在这里插入图片描述
原始信息
在这里插入图片描述
defaults全局配置
使用全局的axios和对应的配置在进行网络请求
在这里插入图片描述
常见的配置选项
在这里插入图片描述
get请求—params
post请求—data
export default Axios //因为是default,所以import可以随意起名字
import axios from ‘xxxxx’

export default //只能导出一个实例
export const,function… //可以导出多个实例
在这里插入图片描述

创建axios的实例
在这里插入图片描述

在这里插入图片描述
创建第二个实例
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
拦截器
全局拦截器
在这里插入图片描述
局部拦截器
请求拦截
1.比如config中的一些信息不符合服务器的要求

// 2.比如每次发送网络请求时, 都希望在界面中显示一个请求的图标

// 3.某些网络请求(比如登录(token)), 必须携带一些特殊的信息

在这里插入图片描述
响应拦截
在这里插入图片描述
响应拦截需要返回,返回的时候,只需要返回data,其他是axios框架加上去的,没用
在这里插入图片描述

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值