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

最新推荐文章于 2025-03-15 17:31:51 发布

原创最新推荐文章于 2025-03-15 17:31:51 发布 · 208 阅读

0 ·

CC 4.0 BY-SA版权

前端同时被 3 个专栏收录

33 篇文章

订阅专栏

vue

31 篇文章

订阅专栏

axios

4 篇文章

订阅专栏

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

并发请求

// 并发请求： 同时进行多个请求，并统一处理
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')