状态码500和canceled

三生万物i

已于 2025-04-25 23:15:26 修改

阅读量318

点赞数 4

CC 4.0 BY-SA版权

文章标签：前端 vue

于 2025-04-25 23:08:09 首次发布

本文链接：https://blog.csdn.net/m0_75045463/article/details/147522931

状态码500和canceled

1.状态码status:canceled

在这里插入图片描述

经控制台打印

在这里插入图片描述

解决办法：首先尝试了在 axios 中可以通过 timeout 选项设置超时时间，延长超时时间，让请求有更多的时间来完成5s->10s,但后续再次发送请求时，仍然报错。估计是服务器状态不稳定。然后写代码让他再多请求几次就成功了。所以这里不需要直接修改时间。

在这里插入图片描述

代码如下

    // 最大重试次数
	const MAX_RETRIES = 3;
    // 检查是否是超时错误并且重试次数未达到最大次数
    const { config } = error;
    if (error.code === 'ECONNABORTED' && (config.retryCount || 0) < MAX_RETRIES) {
        // 增加重试次数
        config.retryCount = (config.retryCount || 0) + 1;
        console.log(`请求超时，第 ${config.retryCount} 次重试...`);
        // 重新发起请求
        return request(config);
    }

2.状态码status:500

(1)

在这里插入图片描述

第一次遇到经检验发现后台代码写错。检查了一下代码问题(代码写错)。

数据对象的 data 属性下并没有 value 这个属性，将 total.value = result.data.value 修改为 total.value = result.data.total。成功。

（2）第二次遇到发现和上传的图片有关系。但应该不是尺寸大小的约束。但换张图片就可以成功了。下面是测试的图片。（后来发现不是图片的问题，就是接口不稳定）
在这里插入图片描述