探究请求的接口响应status为canceled的原因

article/2025/9/17 11:12:53

最近在和后端小伙伴调试接口的时候,有一个接口是响应status一直是canceled,导致接收不到数据或者说没有响应值返回,后端小伙伴看日志说是请求的数据已经返回了。正常的响应status应该是200,如果响应有误,响应的status应该是500、504、403等,如下图中接口响应的Status:
在这里插入图片描述

那响应status是canceled,这是什么情况呢?
答:原来是请求超时造成的

1、首先我响应对响应进行了拦截。

axios.interceptors.response.use((response)=>{},(err)=>{console.log('错误响应------')console.log(err)// 发生网络错误后会走到这里return Promise.resolve(err)}
)

2、然后看打印的结果如下:
错误响应------
timeout

3、经过对打印结果的分析,说明请求超时了。
看了一下之前设置的请求超时时长是10000,也就是10s,
10s之后,后端没有响应,前端会断开请求,也就是取消了请求,然后会把取消的状态返回,所以响应status是canceled。因为之前的请求已经到了后端,后端也响应了数据,但是前端已经断开了请求,所以也就接收不到数据了。

所以我把请求超时时长增加到300000,也就是5分钟

axios.config.timeout = 300000;

最后,问题完美解决。

总结:一定到找对出问题的点,然后采取措施打印出错误,这样就可以针对性的解决问题。加油!


http://chatgpt.dhexx.cn/article/ia93ZDOO.shtml

相关文章

ajax表单提交造成请求canceled

表单提交中遇到了请求canceled问题 可以看到我们的button确认click事件是处于form表单内的, 当点击了button之后, form表单也有自己的默认表单提交事件, 这两个事件同时触发, from表单会将表单内容拼接到url后面, 导致页面重新加载, 会导致click事件中断,造成很长的延时, 所以出…

ItemTouchHelper.Callback 详解

ItemTouchHelper是在操作RecyclerView时,堆Item进行长按移动,左右滑动删除效果的一个辅助类,但是我们要考虑,为什么这个辅助类就可以实现移动跟左右删除Item的效果呢?我们的touch事件是怎么作用到RecyclerView的Item上…

JavaScript中的回调函数(callback)

前言 callback,大家都知道是回调函数的意思。如果让你举些callback的例子,我相信你可以举出一堆。但callback的概念你知道吗?你自己在实际应用中能不能合理利用回调实现功能? 我们在平时的学习中容易犯不去深究的病,功…

scrapy.Request callback不执行

上一篇博客介绍了Scrapy Post Request payload数据的问题,本篇记录一下scrapy.Request callback不执行的问题。 1、大家都说的解决方式,虽然没有解决我的问题,但是还是写到这里,算是一个总结: 1.在scrapy.Request方法里…

UVM: callback机制 uvm_callback和uvm_callbacks

callback机制 callback机制提高代码的可重用性,还用于构建异常的测试用例。 广义的callback机制有post_randomize(),pre_body(),post_body(), pre_do(), mid_do()等,它们提供了额外的接口给用户。 原理 以在driver中提供callback函数接口为…

SV和UVM的Callback例程

文章目录 前言一、SystemVerilog Callback例程二、UVM Callback例程总结 前言 记录SV和UVM的两个callback的例程,方便以后用的时候进行查阅。 一、SystemVerilog Callback例程 二、UVM Callback例程 总结 记录SV和UVM的callback例程。

ajax中的callback,ajax callback是什么

ajax的callback是什么? callback是ajax中的回调函数,是在服务器对一个请求对象作出响应时调用的函数。浏览器会在某个时刻”回调”这个函数,根据5种返回状态的情况处理ajax请求结果。 callback回调函数怎么理解? 想弄明白回调函数,首先的清楚地明白函数的规则。在javascri…

通俗易懂的讲解回调函数,保证让你看懂callback

什么是回调函数?相信很多人都似懂非懂,半懂不懂,今天就通俗易懂的讲解回调函数,让你能理解回调函数的大部分作用及意义。 目录 定义 形象的例子 代码解释 用处及完整代码例子 定义 先上常规的定义: 回调函数也是…

callback(回调函数)

先讲点题外话。 编程分为两类:系统编程(system programming)和应用编程(application programming)。所谓系统编程,简单来说,就是编写库;而应用编程就是利用写好的各种库来编写具某种…

Callback回调函数介绍(C语言)

目录 1. 回调函数的定义 2. 为什么要用回调函数 3. 怎么用回调函数 3.1 怎么使用没有参数的回调函数 3.2 怎么使用带参数的回调函数 1. 回调函数的定义 最近在工作中经常用到回调函数callback,总结一下。 先来看看维基百科对callback的解释:In co…

Callback函数详解

http://shiwawa.blog.hexun.com/9925417_d.html 一,回调函数 我们经常在C++设计时通过使用回调函数可以使有些应用(如定时器事件回调处理、用回调函数记录某操作进度等)变得非常方便和符合逻辑,那么它的内在机制如何呢,怎么定义呢?它和其它函数(比如钩子函数)有何不同呢…

《软件质量保证与测试》学习笔记【第一章 软件测试基本概念】

目录 前言为什么要进行软件测试什么是软件缺陷1.1 什么是软件测试1.2 软件测试与CMMI软件质量保证SQA与软件测试的关系 1.3测试用例1.3.1什么是测试用例测试用例的五大要素测试用例1.3.2测试用例的评价标准1.3.3测试用例设计的基本原则1.3.4测试用例模板 1.4测试环境1.4.1什么是…

群晖NAS教程(十)、利用Docker安装蚂蚁笔记(leanote)

为了更好的浏览体验,欢迎光顾勤奋的凯尔森同学个人博客 群晖NAS教程(十)、利用Docker安装蚂蚁笔记(leanote) 蚂蚁笔记是一款特别棒的笔记软件,支持Markdown语法,是程序员必备的软件之一。下面我们就在群晖DS918+的机器上docker出来一个耍耍。 一、下载蚂蚁笔记(leanote)镜…

基于 Qt 框架的开源笔记软件 VNote

关注、星标公众号,直达精彩内容 来源:OSC开源社区 作者:tamlok VNote是一个受Vim启发开发的专门为Markdown而优化、设计的笔记软件。 授权协议:MIT 开发语言:C/C JavaScript HTML/CSS SHELL 操作系统:跨平台…

VisionPro软件笔记

VisionPro笔记 1、CogPMAlignTool的操作方法: 抓取图像-设置训练区域及参数-训练模板-设置运行参数与区域-运行-查看结果 2、CogPMAlignTool的基本原理: 图案位置搜索工具(识别定位)基于边缘特征的模板而不是基于像素的模板匹配…

一款开源的支持离线的支持MarkDown的优秀笔记软件----思源笔记

日常工作中,大家可能会用笔记软件记录自己积累的一些知识,组建自己的知识管理系统,常用的工具可能有云笔记,如有道云笔记,印象笔记等,但是有时候在工作中,信息比较敏感,不能够将信息…

一文了解常用效率记笔记软件(超过20款含有图片和双向链笔记)

前言 Mac 软件推荐下载网址 麦软网:https://www.macfz.com腾讯柠檬:https://lemon.qq.com/lab 更新时间 第七次更新 6 月 28 号 ,对于有道和印象的理解,有时间把这篇文章拆分下第六次更新 5 月 27 号,更新了如何看待…

知识管理软件,有道云笔记的优缺点和C笔记

前言 软件有道云笔记C笔记发布时间2011年6月28日还在内测所属公司网易公司北京创新乐知网络技术有限公司 1.笔记的重要性: 大家有没有一种种感受,我们成日钻研书籍,天天认真听讲,发奋学习,收到的反馈却并不理想&…

OneNote-做笔记的软件-强烈推荐

一、认识电子笔记本 普通笔记本转化为电子笔记本 笔记可以将我们的想法和从外部获取的信息进行归纳和整理,而电子笔记本就是将传统的笔记进行了电子化电子笔记本的优势 可搜索统一管理高效编辑可修改性多端同步主流电子笔记本 OneNoteEver note(印象笔记)Notability…

推荐几款好用的云笔记软件

一直钟爱印象笔记,程序员的电脑上必装的软件,但最近期限到了,再也不能像以前无限制的上传文件,续费也比去年的只要九块九一年高出了很多倍,因此,注册试用了其他的笔记,发现云笔记众多&#xff0…