前端Vue3 + 后端Spring Boot,前端取消请求后端处理逻辑分析

在 Vue3 + Spring Boot 的技术栈下,前端取消请求后,后端是否继续执行业务逻辑的答案仍然是 取决于请求处理的阶段 和 Spring Boot 的实现方式。以下是结合具体技术的详细分析:


1. 请求未到达 Spring Boot

  • 场景:前端通过 AbortController 取消请求(如 axios 的 signal),但请求尚未到达服务器。

  • 结果:Spring Boot 完全不会收到该请求,业务逻辑不会执行。


2. 请求已到达 Spring Boot

  • 场景:请求已进入 Spring Boot 的 Controller 层并开始处理。

  • 结果默认情况下,Spring Boot 会继续执行完业务逻辑。原因:

    1. HTTP 协议特性:Spring Boot 无法主动感知客户端是否断开连接(除非显式监听)。

    2. 线程模型:Spring Boot 默认使用线程池处理请求,一旦任务提交到线程池,即使客户端断开,线程仍会继续执行任务。

  • 示例代码

    java

    复制

    下载

    @PostMapping("/submit")
    public ResponseEntity<String> submitData(@RequestBody Data data) {// 假设这是一个耗时操作(如数据库写入)someLongRunningService.process(data);return ResponseEntity.ok("Success");
    }

    即使前端取消请求,someLongRunningService.process(data) 仍会执行完毕。


3. 如何让 Spring Boot 终止处理?

  • 需要显式监听客户端断开事件,结合 Spring Boot 的异步机制实现:

方案 1:使用 DeferredResult 监听连接状态

复制

下载

 ```java@PostMapping("/submit")public DeferredResult<String> submitData(@RequestBody Data data) {DeferredResult<String> deferredResult = new DeferredResult<>();// 监听客户端断开事件deferredResult.onTimeout(() -> {// 执行终止逻辑(如关闭数据库连接、中断线程等)cleanup();});// 异步执行业务逻辑CompletableFuture.runAsync(() -> {someLongRunningService.process(data);deferredResult.setResult("Success");});return deferredResult;}```- **优点**:通过 `DeferredResult.onTimeout()` 或 `onCompletion()` 监听客户端断开。- **缺点**:需要手动终止异步任务(如调用线程中断)。
方案 2:结合响应式编程(WebFlux)

复制

下载

 如果使用 **Spring WebFlux**(非阻塞异步模型),可通过响应式流控制中断:```java@PostMapping("/submit")public Mono<String> submitData(@RequestBody Data data) {return Mono.fromCallable(() -> someLongRunningService.process(data)).timeout(Duration.ofSeconds(30)) // 设置超时.doOnCancel(() -> cleanup());    // 监听取消事件}```- **优点**:天然支持非阻塞中断。- **缺点**:需要重构为响应式代码。
方案 3:自定义线程中断

复制

下载

 在业务逻辑中检查线程中断状态:```javapublic void process(Data data) {while (!Thread.currentThread().isInterrupted()) {// 执行可中断的任务}}```在客户端断开时,调用 `Thread.interrupt()` 终止任务(需结合 `DeferredResult` 使用)。

4. 关键注意事项

  • 资源泄漏风险
    如果客户端断开后未正确终止数据库连接、文件句柄等资源,可能导致资源泄漏。

  • 数据一致性
    对于支付、订单等关键操作,即使前端取消,后端可能已完成处理。需通过以下方式保证一致性:

    1. 幂等性设计:通过唯一请求 ID 避免重复处理。

    2. 状态查询接口:前端取消后,轮询后端状态确认是否成功。

    3. 事务回滚:在监听到客户端断开时,手动回滚事务(需结合 @Transactional)。


5. 总结

场景是否继续执行解决方案建议
请求未到达 Spring Boot无需处理
请求到达且正在处理(默认)使用 DeferredResult 或 WebFlux
请求到达且已监听客户端断开可终止显式中断线程或清理资源

推荐方案

  • 对耗时操作(如文件上传、复杂计算),使用 DeferredResult + 线程中断 实现可终止逻辑。

  • 对关键业务(如支付),通过 幂等性 + 状态查询 确保数据一致性。

实例调试代码:

AsyncConfig.java

package com.weiyu.config;import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.scheduling.concurrent.ThreadPoolTaskExecutor;@Configuration
public class AsyncConfig {@Bean(name = "asyncTaskExecutor") // 明确指定Bean名称public ThreadPoolTaskExecutor asyncExecutor() {ThreadPoolTaskExecutor executor = new ThreadPoolTaskExecutor();// 核心线程数 = CPU核心数 + 1executor.setCorePoolSize(Runtime.getRuntime().availableProcessors() + 1);executor.setMaxPoolSize(50);executor.setQueueCapacity(100);executor.setThreadNamePrefix("Async-QueryTask-");executor.initialize(); // 必须初始化!!!return executor;}
}
TaskMessageController.java
// 正确注入方式@Qualifier("asyncTaskExecutor")@Autowiredprivate Executor asyncTaskExecutor;@GetMapping("/task")public DeferredResult<Result<List<Task>>> queryTask(){DeferredResult<Result<List<Task>>> deferredResult = new DeferredResult<>();// 监听客户端断开事件deferredResult.onTimeout(() -> {deferredResult.setErrorResult(Result.error("请求超时"));});// 使用自定义线程池(推荐)或公共池执行异步任务CompletableFuture.supplyAsync(() -> {// 这里执行实际业务逻辑List<Task> taskList = taskMessageService.queryTask();// 防御性空值检查if (taskList == null) {return Result.error("服务返回空结果");}return Result.success(taskList);}, asyncTaskExecutor).whenComplete((result, ex) -> {if (ex != null) {// 异常处理deferredResult.setErrorResult(Result.error(ex.getMessage()));} else {// 正常返回结果deferredResult.setResult(result);}});return deferredResult;}

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/79177.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【蓝桥杯省赛真题58】Scratch画台扇 蓝桥杯scratch图形化编程 中小学生蓝桥杯省赛真题讲解

目录 scratch画台扇 一、题目要求 编程实现 二、案例分析 1、角色分析 2、背景分析 3、前期准备 三、解题思路 四、程序编写 五、考点分析 六、推荐资料 1、scratch资料 2、python资料 3、C++资料 scratch画台扇 第十五届青少年蓝桥杯scratch编程省赛真题解析 …

GPT-4o 图像生成与八个示例指南

什么是GPT-4o图像生成&#xff1f; 简单来说&#xff0c;GPT-4o图像生成是集成在ChatGPT内部的一项功能。用户可以直接在对话中&#xff0c;通过文本描述&#xff08;Prompt&#xff09;来创建、编辑和调整图像。这与之前的图像生成工具相比&#xff0c;体验更流畅、交互性更强…

TCP 连接的“三次握手”与“四次挥手”

目录 什么是“三次握手” “四次挥手”&#xff1f; 三个标记位 三次握手 四次挥手 为什么握手三次&#xff0c;挥手需要四次&#xff1f; 为什么要等2MSL&#xff1f; 什么是“三次握手” “四次挥手”&#xff1f; 三次握手&#xff08;Three-way Handshake&#xf…

力扣刷题 -- 206.反转链表

题目&#xff1a; 方法一&#xff1a;创建新链表&#xff0c;遍历旧链表&#xff0c;进行头插 代码实现&#xff1a; /*** Definition for singly-linked list.* struct ListNode {* int val;* struct ListNode *next;* };*/typedef struct ListNode ListNode; struc…

Vue 中的过渡效果与响应式数据:transition、transitiongroup、reactive 和 ref 详解

在 Vue 开发过程中&#xff0c;为应用添加过渡效果和处理响应式数据是提升用户体验和实现动态交互的关键。 一、transition&#xff1a;元素的单元素过渡效果 transition是 Vue 提供的内置组件&#xff0c;专门用于为单个元素或组件添加过渡动画。它会在元素插入、更新或移除…

文章七《深度学习调优与超参数优化》

&#x1f680; 文章7&#xff1a;深度学习调优与超参数优化——你的AI模型需要一场"整容手术" 一、模型调优核心策略&#xff1a;像调整游戏装备一样优化模型 1. 学习率调整&#xff1a;掌控训练的"油门踏板" 比喻&#xff1a;把模型训练想象成赛车游戏&…

Python装饰器执行时机详解:模块加载时的魔法

装饰器执行的基本原理 Python装饰器在程序运行过程中遵循独特的执行逻辑&#xff0c;其核心特性体现在模块加载阶段的即时执行。通过示例7-2的registration.py 模块&#xff0c;我们可以清晰观察到装饰器与函数执行的时序差异。 registry []def register(func):print(runnin…

基于随机森林的糖尿病预测模型研究应用(python)

基于随机森林的糖尿病预测模型研究应用 1、导入糖尿病数据集 In [14]: import pandas as pd import seaborn as sns import numpy as np import matplotlib.pyplot as plt datapd.read_csv(./糖尿病数据集.csv,encoding"gbk") data.head()#查看前五行数据Out[14]:…

【Web应用服务器_Tomcat】二、Tomcat 核心配置与集群搭建

在企业级 Java Web 应用的部署场景中&#xff0c;Tomcat 作为主流的 Servlet 容器和 Web 服务器&#xff0c;其核心配置的优化以及集群搭建对于保障应用的高性能、高可用性至关重要。 一、Tomcat 核心配置优化​ 1.1 server.xml 配置文件解析​ Tomcat 的核心配置文件server…

Linux(文件管理)

文件命名规则 除了字符“/”之外&#xff0c;所以的字符都可以使用&#xff0c;但要注意&#xff0c;在目录名或文件名中&#xff0c;不建议使用某些特殊字符&#xff0c;如&#xff1a;<、>、?、*等 如果一个文件名中包含了特殊字符&#xff0c;例如空格&#xff0c;那…

Windows服务器部署全攻略:Flask+Vue+MySQL跨平台项目实战(pymysql版)

当你的后端(Flask+pymysql,Windows开发)与前端(Vue,Mac开发)需要统一部署到Windows服务器时,通过「IIS反向代理+原生组件适配」方案可实现稳定交互。以下是针对Windows环境的专属部署指南,解决路径适配、服务启动等核心问题。 一、Windows服务器环境准备(必做!) 1…

wpf 输入框 在输入时去除水印

wpf ScrollViewer 在输入数据时去除水印 在WPF&#xff08;Windows Presentation Foundation&#xff09;中&#xff0c;ScrollViewer控件通常用于显示滚动内容。如果你想在ScrollViewer中使用数据输入&#xff08;例如文本输入&#xff09;&#xff0c;并且希望在输入时去除水…

动态思维——AI与思维模型【91】

一、定义 动态思维思维模型是一种强调在思考问题和分析情况时&#xff0c;充分考虑到事物的变化性、发展性和相互关联性&#xff0c;不局限于静态的、孤立的视角&#xff0c;而是以发展变化的眼光看待事物&#xff0c;能够根据不同时间、环境和条件的变化&#xff0c;灵活调整…

多模态大语言模型arxiv论文略读(五十五)

MoMA: Multimodal LLM Adapter for Fast Personalized Image Generation ➡️ 论文标题&#xff1a;MoMA: Multimodal LLM Adapter for Fast Personalized Image Generation ➡️ 论文作者&#xff1a;Kunpeng Song, Yizhe Zhu, Bingchen Liu, Qing Yan, Ahmed Elgammal, Xiao…

Go-web开发之帖子功能

帖子功能 route.go r.Use(middleware.JWTAuthMiddleware()){r.POST("/post", controller.CreatePostHandler)r.GET("/post/:id", controller.GetPostDetailHandler)}post.go 定义帖子结构 type Post struct {Id int64 json:"id" …

C++ 项目中的多语言字符串管理方案(支持自动提示与动态加载)

&#x1f4ac; C 项目中的多语言字符串管理方案&#xff08;支持自动提示与动态加载&#xff09; 在中大型 C 应用中&#xff0c;我们常常会面临界面提示文本繁多、需要支持多语言切换的问题。为了解决字符串管理混乱、缺乏自动提示、难以维护等问题&#xff0c;本文将提供一种…

数控滑台:将制造业推向智能化的关键装备

随着制造业的不断发展和智能化进程的加速推进&#xff0c;数控滑台作为一种关键的装备&#xff0c;在各种工业生产中发挥着越来越重要的作用。数控滑台不仅提高了生产效率&#xff0c;节约了人力物力资源&#xff0c;还大大降低了生产过程中的错误率&#xff0c;保障了产品的质…

【STM32】定时器输入捕获

STM32 定时器输入捕获功能笔记 一、什么是输入捕获&#xff08;Input Capture&#xff09; 输入捕获是利用定时器的输入通道&#xff0c;在检测到信号电平变化&#xff08;如上升沿或下降沿&#xff09;时&#xff0c;立即将当前计数器的值捕获并保存到捕获寄存器&#xff08…

Qt通过QXlsx库文件写入到excl文件,读取excl文件

第一&#xff1a;下载QXlsx库文件 https://download.csdn.net/download/qq_32663053/90739425 第二&#xff1a;在Qt项目中引入QXlsx库&#xff0c;需要把QXlsx库文件放在项目文件夹下 第三&#xff1a;将tableview中的数据存入到excl文件 代码&#xff1a; void MainWindow…

【KWDB 创作者计划】一款面向 AIoT 的多模数据库实战体验

一、KWDB&#xff1a;AIoT 时代的数据库新选择 KWDB 是由开放原子开源基金会孵化的分布式多模数据库&#xff0c;专为物联网、工业互联网等场景设计。其核心价值在于时序与关系数据融合处理能力&#xff1a; ​多模统一引擎​&#xff1a;单个实例可同时建立时序库&#xff08…