axios请求重试_核心原理
1.H5 的新特性有哪些？C3 的新特性有哪些2.Localstorage、sessionStorage、cookie 的区别3.H5 的浏览器存储有哪些4.简述 transform，transition，animation 的作用？5.CSS 中选择器的优先级以及CSS 权重如何计算6.HTML5 的离线存储怎么使用，工作原理是什么？7.css3制作三角形8.rem 适配方法如何计算 HTML 跟字号及适配方案？9.定位相关10.Modele build failed: TypeError: this.getResolve is not a function at Object.loader...11.BFC 是什么12.使用CSS怎么让Chrome支持小于12px的文字比如10px13.创建对象有几种方法14.JavaScript中的toLocaleString()方法你知道吗？15.暂时性死区16.作用域链和原型链17.dom 节点的 Attribute 和 Property 有何区别？18.简单说一下页面重绘和回流？19.defer 属性async 属性20.解释一下什么是回调函数,并提供一个简单的例子21.你对原型（prototype）理解22.简单说说 js 中的继承23.介绍 this 各种情况24.for in 和 for of 的区别25.判断一个字符串中出现次数最多的字符，统计这个次数26.jQuery 的 ajax 返回的是 promise 对象吗？27.echarts切换其他组件统计图时，出现卡顿问题如何解决28.module、export、import 有什么作用29.包含Symbol类型的对象遍历取key使用Reflect.ownKeys30.常见的 HTTP 状态码以及代表的意义31.HTTP 与 HTTPS 的区别32.一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么33.浏览器如何加载页面的，script 脚本阻塞有什么解决办法，defer 和 async 的区别是什么34.Vue 数据双向绑定的原理是什么?35.组件中写 name 选项有什么作用36.怎么在组件中监听路由参数的变化？37.怎么捕获 Vue 组件的错误信息？38.computed 中的属性名和 data 中的属性名可以相同吗39.Vue 中 key 值的作用是什么？40.你对 Vue.js 的 template 编译的理解？41.VNode 是什么？什么是虚拟DOM？42.简述下 wx.navigateTo(), wx.redirectTo(), wx.switchTab(),wx.navigateBack(), wx.reLaunch()的区别？43.微信小程序长按识别二维码44.原生微信小程序45.小程序中 canvas 的图片不支持 base64 格式46.小程序关联微信公众号如何确定用户的唯一性？47.setState和useState执行48.如何进行前端性能优化49.Vue和React中diff算法区别50.通过code换取网页授权access_token和基础支持中的access_token有以下不同之处：51.H5调起支付API52.使用Vue前端实现微信授权、微信支付和支付宝支付的具体代码和流程。53.js中显示转换类型54.js小常识55.js获取浏览器地址的query参数并以键值对的方式展示(对象)封装一个方法56.js寄生组合式继承57.ts58.promise知识159.vue中v-bind和v-model的区别是什么60.Vue中key的作用61.在Vue 3中，与Vue 2相比，有一些改进和优化的diff算法。62.浏览器解析html63.浏览器渲染HTML64.Object.entries()65.vue实现虚拟dom转换成真是dom的原理66.为什么vue数组下标修改监听不到67.Vue 3 在某些场景下可能表现出比 Vue 2 更低的性能68.vue里表单验证的v-model.number的坑69.开启严格模式70.js手写一个call71.js手写一个apply72. 手写一个 bind 方法73.js寄生组合式继承74.react中的useState修改状态获取最新状态值75.函数柯里化js76.axios请求中断_下载中断和下载进度
77.axios请求重试_核心原理
78.axios请求重试_axios-retry插件79.虚拟列表-渲染 10 万条数据80.vue-office 组件81.threejs82.把原生 DOM 标签转换后加入到 3D 场景空间中显示83.three.js 物体要使用光线投射技术，计算是否点击位置与物体有交叉84.threejs基本函数85.二分查找算法86.js判断字符串是否连贯87.世界坐标系和模型坐标系88.设置车模型中每个小物体 castShadow = true89.Vue3 echarts 组件化使用 resizeObserver90.网页验证码的作用 *网页中几种常见验证码91.多个装饰器一起es6装饰器92.flex属性93.移动端兼容问题94.那什么是URL、URI、URN？95.面试题96.面试前端点击查看代码
<script setup lang="ts">
import axios from 'axios'
const request = axios.create({
baseURL: 'http://localhost:3000',
// 设置请求超时时间为5秒
timeout: 2000,
retries: 3, // 设置重试次数为3次
retryDelay: 1000 // 设置重试的间隔时间
} as any)
// 添加响应拦截器
request.interceptors.response.use(
(response) => {
// 对响应数据做些什么
return Promise.resolve(response.data)
},
(error) => {
const config = error.config
// 如果config不存在或未设置重试选项，则拒绝
if (!config || !config.retries) {
return Promise.reject(error)
}
// 设置变量来跟踪重试次数
config.__retryCount = config.__retryCount || 0
// 检查是否达到最大重试次数
if (config.__retryCount >= config.retries) {
return Promise.reject(error)
}
// 增加重试计数器
config.__retryCount += 1
// 创建一个新的Promise来处理每次重试之前等待一段时间
const backoff = new Promise((resolve) => {
setTimeout(() => {
resolve('重新请求：' + config.__retryCount)
}, config.retryDelay || 1)
})
// 返回Promise，以便Axios知道我们已经处理了错误
return backoff.then((txt) => {
console.log(txt)
return request(config)
})
}
)
// 发送请求
const getData = () => {
request({
method: 'get',
url: '/delay_3s_data'
})
}
</script>
<template>
<h1>请求重试</h1>
<button @click="getData">发送请求</button>
</template>
本文来自博客园，作者：jialiangzai，转载请注明原文链接：https://www.cnblogs.com/zsnhweb/articles/17777572.html
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 单线程的Redis速度为什么快？
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决：字节Trae VS Cursor，谁才是开发者新宠？
· 展开说说关于C#中ORM框架的用法！