axios接口请求超时,重试方法

bash 复制代码
import axios from "axios";
import { Message } from "element-ui";

const service = axios.create({
    baseURL: 'xxxx',
    timeout: 2000,//超时时间
    retry: 3, //设置全局重试请求次数(最多重试几次请求)
    retryDelay: 1000, //设置全局请求间隔
});
// request拦截器,在请求之前做一些处理
service.interceptors.request.use(
    (config) => {
        return config;
    },
    (err) => {
        // 抛出异常
        return Promise.reject(err);

    }
);
//配置成功后的拦截器
// 响应拦截器
service.interceptors.response.use((res) => {
    // 如果等于200,就直接返回200拿到的数据
    return res.data
}, err => {
//超时处理 error.config是一个对象,包含上方create中设置的三个参数
    var config = err.config //获取超时的配置
    if (!config || !config.retry) {
        return Promise.reject(err)
    }
     // __retryCount用来记录当前是第几次发送请求
    config.__retryCount = config.__retryCount || 0
     // 如果当前发送的请求大于等于设置好的请求次数时,不再发送请求,返回最终的错误信息
    if (config.__retryCount >= config.retry) {
        return Promise.reject(err)
    }
    Message.error("请求失败,重试中", config.retry)
    // 记录请求次数+1
    config.__retryCount += 1
    // 设置请求间隔 在发送下一次请求之前停留一段时间,时间为上方设置好的请求间隔时间
    var backoff = new Promise(function (resolve) {
        setTimeout(function () {
            resolve()
        }, config.retryDelay || 1)
    })
    // 再次发送请求
    return backoff.then(function () {
        return service(config)
    })
    // return Promise.reject(err)
})
export default service
相关推荐
徐小夕2 小时前
花了一周,3亿tokens,我开源了一款 Word 文档智能审查平台,文稿自动质检+可视化分析,告别低效人工审核
前端·算法·github
kyriewen3 小时前
别再乱用useEffect了——你写的10个里有8个不该存在
前端·javascript·react.js
Ivanqhz3 小时前
Rust &‘static str浅析
java·前端·javascript·rust
IT_陈寒4 小时前
SpringBoot这个分页坑,我踩了三天才爬出来
前端·人工智能·后端
颜酱4 小时前
05 | 召回前置准备:根据业务数据库生成各数据库(读取配置阶段)
前端·人工智能·后端
zandy10114 小时前
衡石 Agentic BI的ReAct 推理框架在 Agentic BI 中的工程化实践
前端·javascript·react.js
罗超驿4 小时前
JavaEE进阶之路:从Web架构原理到HTML标签全解析
前端·html·web·javaee
西安小哥4 小时前
从前端到AI工程师:一场跨越鸿沟的真实蜕变之旅
前端
Prince4184 小时前
侧边栏收起缩放适配方案
前端
用户7783366132115 小时前
serpbase + Cloudflare R2 边缘持久化实战
前端·人工智能