asios相关补充并发取消请求配置

最新推荐文章于 2024-07-25 22:35:58 发布

肥喵蒙太奇

最新推荐文章于 2024-07-25 22:35:58 发布

阅读量139

点赞数

分类专栏： axios 前端 vue

本文链接：https://blog.csdn.net/YYYYYun/article/details/117661250

版权

前端同时被 3 个专栏收录

33 篇文章 0 订阅

订阅专栏

vue

31 篇文章 1 订阅

订阅专栏

axios

4 篇文章 0 订阅

订阅专栏

本文介绍了如何使用 axios 进行并发请求，通过 axios.all 和 axios.spread 实现数据的并行获取与处理。同时，讲解了 axios 的全局、实例及请求配置，如设置超时时间和基础 URL。此外，还探讨了如何取消正在进行的请求，利用 axios.CancelToken 实现请求的取消操作。

摘要由CSDN通过智能技术生成

并发请求

// 并发请求： 同时进行多个请求，并统一处理
axios.all([
    axios.get('/data.json'),
    axios.get('/city.json'),
]).then(
    asios.spread((dataRes,cityRes)=>{

    })
)

常用参数配置

asios 全局配置

axios.defaults.timeout = 3000
axios.defaults.baseURL = "http://localhost:8080"

asios 实例配置

axios.instance = axios.creat()

asios 请求配置

instance.get('data.json',{
	timeout: 5000
})

axios取消请求

let source = axios.CancelToken.source()
axios.get('data.json',{
	cancelToken: source.token
}).then(res=>{
	console.log(res)
}).catch(err=>{
	// 取消请求会进入到catch、
	console.log(err)
})
source.cancel('cancel http')