vue出现caution:request is not finished yet导致页面卡死问题解决思路

article/2025/8/29 14:21:43

1、问题描述

开发环境正常运行,部署上线后点击某一按钮请求接口时页面出现卡死。在Network=>Timing发现异常提示: caution:request is not finished yet

2、问题分析

(1)通过Postman模拟请求接口,接口正常。

(2)本地部署前端代码,ip和localhost访问时页面不会出现卡死问题。此时我有点怀疑人生,既然都是部署,那就彻底一点,通过内网映射的域名访问前端,终于还原卡死的异常问题。

(3)还原异常问题还是不够,我需要找到问题所在位置。因为只有点击对应的那个按钮才会出现页面卡死问题。所以将点击事件逐一排查,排查的方式简单粗暴,就是排除法,通过注释一段段代码调试。

(4)最后发现是这串代码有问题,min>max会导致死循环(项目实际最大最小值会以参数控制)

其实在开发环境点击按钮时,Console中Vue已经打印警告提示

3、总结

        页面出现卡死的具体原因各种各样,但大部分都是由于死循环导致的,如果你也遇到此类问题,可以通过Console异常提示,还有排除法(通过注释相关代码排除,找到出现问题的位置)解决问题

        根据自己的代码有技巧使用排查手段分析问题,毕竟由于死循环出现卡死问题的场景不一,希望通过以上的思路能找到解决问题的灵感。

        


http://chatgpt.dhexx.cn/article/3al2duip.shtml

相关文章

关于Vue项目中js报错callback() is not a function

关于Vue项目中js报错callback() is not a function 原函数: 解决后: 即在参数中加入了rule,虽然rule都没有使用,但确实是解决了callback() is not a function

Vue中报错:Error in v-on handler: “ReferenceError: state is not defined“

目录 背景 解决报错思路 反思 背景 在编写组件化时,Vue提示报错:Error in v-on handler: "ReferenceError: state is not defined" 解决报错思路 1.console控制台在index.js组件的第27行代码,还能输出语句:“mutati…

【解决】控制台报错Uncaught TypeError: Object(...) is not a function at eval (vue-router.esm-bundler.js

打开http://localhost:8080/,控制台报错 Uncaught TypeError: Object(...) is not a functionat eval (vue-router.esm-bundler.js?f2fc:2127:1)at Object../node_modules/vue-router/dist/vue-router.esm-bundler.js (app.js:2218:1)at __webpack_require__ (ap…

成功解决使用node时,启动js文件抛出错误 events.js:377 throw er; // Unhandled ‘error‘ event ^Error: listen EA

问题描述: 我在写服务端时: const http require(http); const url require(url)const app http.createServer(); app.on(request,(req,res)>{//获取请求方式const method req.method.toLocaleLowerCase(); //返回的时大写的GET/POST 最好转换为小写的/…

Vue前端报错[Vue warn]: data functions should return an object:https://vuejs.org/v2/guide/components.htm

在进行登陆页面输入账号密码后,点击登陆按钮,跳转时浏览器报了以下错误 解决方案1: 检查所指向文件的script部分代码的data是否有return{},若没有return 则补上 vue的文件data中不写return{ }返回值的话,包裹的数据会…

解决vue创建新项目与版本查看,都报错“internal/modules/cjs/loader.js:1032 throw err;”

废话有点多,请忽略:今天创建vue新项目时,出现一个奇怪的报错“internal/modules/cjs/loader.js:1032 throw err;”,接下来的现象刷新了我的认知,不论是查看vue版本,还是重装vue,都会报错。在网上…

解决internal/modules/cjs/loader.js:905报错

D:\vue-admin-template-master>node testMock.js internal/modules/cjs/loader.js:905 throw err; ^ Error: Cannot find module ‘D:\vue-admin-template-master\testMock.js’ ?[90m at Function.Module._resolveFilename (internal/modules/cjs/loader.js:902:15)?[39…

频分多址、时分多址、码分多址、空分多址之间的区别

简单举例,我们把频率资源想象成一个房间,如果把房间分割成不同的空间,不同的用户在不同的房间聊天,这就是频分多址(FDMA)。 如果这个房间里,某一时间让某一个人说话,下一时间段&…

计算机网络与无线通信系统学习10:码分多址(CDMA)的本质-正交之美

引子: CDMA是个很重要的通信概念,很多的大学教科书上都会提到它,甚至我们今天可能都在使用它。然而提到cdma,很少有资料提到它的思想是多么的有创意,教科书上关于cdma的章节都过于复杂,过于数学化&#x…

码分多址CDMA及计算(简单易懂)

CDMA是一种共享信道的方法,每一个用户可以在同样的时间使用同样的频带进行通信。 简单地说,就是当多个用户用同一个信道进行通信时,如果不采用CDMA的方法,就只能一个一个用户进行通信,效率相对较低。而采用CDMA的方法&…

计算机复习6----码分多址CDMA计算

该部分知识位于书P57 看题 解法: 将 A\B\C\D每个的码片与收到的码片序列,逐个进行乘法 例: 1. 将A中第一位 -1与S中第一位 -1 相乘 得 1 2. 第二位 -1 * 1 -1 以此类推 3. 得 (1,-1,3,1&#…

图解通信原理与案例分析-19:3G CDMA码分多址通信技术原理---码分多址、OVSF正交扩频码、伪随机码序列

前言导读: 码分多址(CDMA)是第三代移动通信的核心技术,其基本思想是在相同的载波频段上,通过的不同的地址码来区分的不同用户、不同基站的数据。 3G CDMA与2G GSM通信相比,主要网络架构与通信流程,大体相似&#xff…

CDMA码分多址原理

码分多路复用(CDM) 各用户使用经过特殊挑选的不同码型,彼此不会造成干扰。这种系统发送的信号有很强的抗干扰能力,其频谱类似于白噪声,不易被敌人发现。每一个比特时间划分为 m 个短的间隔,称为码片(chip)。 通常使用码分多址(C…

码分多址matlab代码,基于matlab的码分多址系统仿真

基于matlab的码分多址系统仿真 淮南师范学院电气信息工程学院 2010届电子信息工程专业课程设计报告 课程设计报告 题 目: 基于 Matlab 的 CDMA 多址技术的仿真 学生姓名: 学生学号: 1008030130 系 别: 电气信息工程学院 专 业&am…

码分多址的计算题

目录 前言简介关于计算题步骤例题 参考 前言 码分多址(CDMA)和码分复用多路(CDM)的区别: 码分复用 (CDM) 是一种网络技术,其中组合多个数据信号以在公共频带上同时传输当 CDM 用于允许多个用户共享单个通…

码分多址CDMA

码分复用,CDM,CDMA 最近复习《计算机网络》,遇见一些比较困难的地方,写了一些见解 CDMA(Code Division Multiple Access) 码分多址是指以不同的伪随机码来区别基站。各基站使用同一频率并在同一时间进行…

码分多址理解

码分多址( Code Division Multiple Access,CDMA)是通过编码区分不同用户信息,实现不同用户同频、同时传输的一种通信技术。 发送的3个码片必须正交,内积为0。一般将码片中的0写为-1,将1写为1 如 A的码片为(0 1 0 1&am…

计算机网络码分多址CDMA及计算例题(简单易懂)

码分多址 对于码分多址(也叫码分复用)种,每一个用户可以在同样的时间选择同样的频带进行通信。 由于用户使用经过特殊挑选的不同码型,因此各用户之间不会造成干扰。码分复用最初是用于军事通信的,因为这种系统发送的信…

码分多址(CDMA)的本质-正交之美

引子: CDMA是个很重要的通信概念,很多的大学教科书上都会提到它,甚至我们今天可能都在使用它。然而提到cdma,很少有资料提到它的思想是多么的有创意,教科书上关于cdma的章节都过于复杂,过于数学化&#…