axios 请求重试

文章介绍了如何在request.js中基于axios进行二次封装,包括设置默认的重试次数和延迟时间,以及在响应拦截器中处理接口请求错误的自动重试功能。同时提到了如何在单独的请求中控制重试次数和取消重复请求。
摘要由CSDN通过智能技术生成

在我的request.js 中 基于axios二次封装 

添加

设置默认的重试次数和延迟时间

service.defaults.retry = 2;
service.defaults.retryDelay = 2000;

在响应拦截器里 添加代码 所有经过这里的接口报错都会重试


    // 判断是否配置了重试选项
    if (config && config.retry) {
      // 设置重试次数,默认为3次
      config.retryCount = config.retryCount || 0;
      if (config.retryCount < config.retry) {
        // 增加重试次数
        config.retryCount += 1;
        // 创建新的Promise,延迟一段时间后进行重试
        const retryPromise = new Promise((resolve) => {
          setTimeout(() => resolve(service(config)), config.retryDelay || 1000);
        });
        // 返回重试的Promise
        return retryPromise;
      }
    }

  可在我的请求中单独设置请求重试 retry 为0 次接口不重试

import request from "@/utils/request";

// export function plazaList(params, retry = 2, delay = 2000) {
//   return request({
//     url: "/images/list/plaza",
//     method: "GET",
//     params,
//     retry, // 设置重试次数
//     retryDelay: delay, // 设置重试延迟时间
//   });
// }

参考代码: axios 请求终极封装【取消重复请求,请求失败自动重试,请求接口数据缓存】 - 掘金 (juejin.cn)

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值