axios

本文深入介绍了axios的使用,包括基于Promise的API设计,GET和POST请求的实现,参数传递方式,axios的全局配置,实例创建,以及请求和响应拦截器的运用。在Vue中,axios常用于模块封装,通过返回Promise处理请求成功和失败的情况,便于异步操作和错误处理。
摘要由CSDN通过智能技术生成

axios是基于promise的封装
ajax: mvc
axios:mvvm

axios的基本使用:
//默认使用get方式请求:

在这里插入图片描述
在这里插入图片描述

then表示成功后的方法
axios的指定请求方式:
在这里插入图片描述
post无参:
在这里插入图片描述
在这里插入图片描述
使用axios发送带有参数的post请求,使用data传递需要注意:
在这里插入图片描述
在这里插入图片描述
axios请求方式:
在这里插入图片描述
在这里插入图片描述
当post请求的方式是,以对象形式传递时,后台要用@RequestBody 注解形式接受对象
在这里插入图片描述
在这里插入图片描述
axios并发请求:
请求成功返回的是一个数组:
在这里插入图片描述
在这里插入图片描述
axios的全局配置:
在这里插入图片描述
axios的实例:
可以封装路径:
在这里插入图片描述
axios拦截器:
在这里插入图片描述
请求方式拦截:
注意要加return放行:
在这里插入图片描述
响应方式拦截:
在这里插入图片描述
axios在vue中的模块封装的思想:
一:
在这里插入图片描述
在这里插入图片描述
二:
在这里插入图片描述
在这里插入图片描述
三:
返回一个promise,promise里成功装请求成功信息,失败装失败的信息:相当于返回了一个axios形式值。
在这里插入图片描述

相当于返回了一个axios实例;
也可以说axios实例本身就是一个promise型的响应。
eg:
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值