Chrome 访问一次 Controller，请求却执行两次

最新推荐文章于 2025-07-22 18:51:26 发布
原创 最新推荐文章于 2025-07-22 18:51:26 发布 · 6.3k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#异常情况

写了一个 Spring Boot 整合 MyBatis Plus 的 demo，相应的配置了 SQL 性能分析插件。当所有代码都写好，使用 Chrome 访问控制器的时候，发现每发送一个请求，控制台都会输出两次同样的 SQL 分析日志。


这里写图片描述

没有配置任何拦截器，于是换了个浏览器访问，并没有出现这个问题，上网查了一下才知道是 Chrome 的 JSONView 插件搞的鬼。

只要更改一下 JSONView 的配置项就可以了。


这里写图片描述

为什么输入 123 会看到三次 OData 请求：Fiori/UI5 F4 Value Help 的增量检索与请求节流全解析
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
11-07 57
摘要： 本文分析了F4 Value Help在用户逐字输入时触发多次OData请求的现象。当用户输入"1"、"12"、"123"时，由于UI5控件的增量建议或实时搜索功能会触发suggest事件，导致每次击键都发起新的数据请求。优化策略包括：1）提高触发阈值（如设置startSuggestion=3）；2）添加防抖（debounce）机制；3）关闭实时模式，改用"Go"按钮触发搜索；4）控制返回数据量并使用高效的后端查询。文章还
用 Chrome DevTools 把 JavaScript GC 看得明明白白：从小实验到 SAP Fiori 应用实战
最新发布
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
12-16 19
摘要：SAP Fiori应用中内存泄漏问题往往比性能问题更隐蔽且影响持久。本文通过Chrome DevTools的Heap Snapshot和Allocation Timeline工具，分析DOM节点未被垃圾回收的典型案例。实验表明，即使DOM节点从文档树移除，只要JavaScript仍保持引用，就会导致内存泄漏。文章特别指出SAP Fiori应用因频繁创建销毁视图和控件的特性，更容易出现全局对象长期持有问题，并提供了具体排查方法：通过多时间点快照对比，追踪Detached DOM节点，分析引用链锁定泄漏源
关于Spring mvc 一次请求Controller执行两次的问题
12-06 2680
在网上找到了很多回答，有些看起来应该是问题的根源，只是不适用我的问题，记下来共童鞋们参考吧： 1、js中有路径重复，并在返回页面时执行了请求方法。 2、提交的事件编码绑定的input的type是submit； 3、使用nginx作为反向代理服务器（或者负载均衡）时，后端的Tomcat或者JBoss执行逻辑时间过长，导致nginx重发请求； 4、前端绑定的元素...
浏览器自动重复执行任务 iMacros
hulkwang的博客
11-19 5911
有时我们需要在网页上重复执行一些操作，例如：双十一秒杀，回家抢票等。这些重复又没有任何技术含量的事情，不值得浪费太多的时间。我们可以通过下面这个插件来完成。 这个插件的名字是：iMacros firefox（火狐）、chrome（谷歌）下都有相应的插件。 安装插件后，选择： 记录=》开始=》进行要重复的操作。操作完成后，点击停止。 操作记录完成后，就可以运行了。 选择运行=》可以运行一次
Chrome 发一个请求,后台Controller 执行2次
weixin_30502157的博客
09-19 728
Chrome 发一个请求,后台Controller 执行2次 chrome 每发一次请求，都会执行2次controller，换成其他浏览器就不会。 最后发现是这个插件导致的,果断删除。 ...
springboot项目，浏览器请求一次，Controller执行了两次
qq_53918373的博客
10-08 2152
谷歌浏览器springboot项目踩坑
关于浏览器一次get请求后台执行两次的问题记录
iteye_19292的博客
11-23 5424
昨天调试的时候偶然发现后台报了一个空指针异常，仔细跟踪了下发现浏览器一次请求后台代码执行了两次而且两次的传参不相同。仔细检查了代码中没有发送第二次请求的地方后又检查浏览器的请求记录发现并没有产生两次请求后台的情况，这下就百思不得其解了。之后在同事的机器上检查是否存在此问题，并没有发现。所以怀疑是我机器的问题就没有再追究下去。可是今天早上重启机器后此问题依然存在，特喵的这就忍不了了啊！！！于是各种搜...
Windows 平台调试 iOS 设备上运行的 SAP UI5 应用：从环境准备到 Chrome DevTools 实战指南
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
07-22 191
借助，Windows 开发者再也不必为一台昂贵的 Mac 发愁，也无需通过截图或日志“盲人摸象”。当 iPhone 与 Chrome DevTools 搭建起高速通道，UI5 调试体验回归熟悉的桌面范式，开发者可以更专注于应用逻辑与业务价值。希望本文的流程讲解、工具指引与案例复盘，能帮助各位在移动场景下高效定位问题、验证性能、保障交付质量。未来，随着 SAP UI5 新版本持续优化移动兼容性，加之远程调试协议愈加开放，相信企业级移动开发的生产力会再上一层楼。
【前端方案】设计一个全站请求耗时统计工具
silverclayz的技术分享
06-11 1258
摘要：全站请求耗时统计工具设计方案 该方案旨在构建一个覆盖全站请求的性能监控系统，包含前端、网络层和后端的多维度监控。系统架构采用分布式链路追踪技术，核心功能包括：1)前端埋点采集页面加载和API耗时；2)网络层通过Nginx日志记录传输延迟和CDN指标；3)后端服务通过OpenTelemetry等框架追踪接口处理时间。实现方案涵盖数据采集、统一上报、存储分析及可视化展示全流程，可有效识别性能瓶颈、优化用户体验并保障服务SLA。系统支持从用户浏览器到数据库的全链路追踪，并提供实时监控与报警能力。
SpringMVC详解一、@RequestMapping注解与Controller接收参数
热门推荐
mxcsdn的博客
06-17 2万+
1、SpringMVC的概述2、SpringMVC的核心DispatcherServlet程序3、SpringMVC的示例程序4、视图解析器5、@RequestMapping注解详解标注在方法上6、Controller中如何接收请求参数1、SpringMVC的概述Spring MVC框架是一个开源的Java平台，为开发强大的基于JavaWeb应用程序提供全面的基础架构支持非常容易和非常快速。Spr...
ChromeController：使用Chrome调试协议的Chrome浏览器的综合包装和执行管理器
02-01
Chrome远程控制界面以及调试协议和工具包。 注意：由于上游Chromium错误，测试当前无法通过： : id 使用google-chrome和/或python中的Chrome的一站式服务。 使用ChromeController，您可以完全访问从javascript获得的整个调试界面，但是使用的语言不会让人们想成为牧羊人。 流程生命周期管理，选项卡管理以及完整的chrome远程调试界面通过python公开。 通过解析远程调试协议描述json文件，通过自动代码生成自动更新。 快速开始： import ChromeController additional_options = [ '--user-data-dir=/tmp/x' ] with ChromeController . ChromeContext ( binary = "google-chrome" , additional_options = additional_options ) as cr : # Do a blocking navigate to a URL, and get the
Springboot的Controller自动执行两次的常见原因
lgq2941109633的博客
07-21 1597
将html中的 **href="#“与href=” "**这些去除，因为这会使得你的页面原地刷新
调试web项目时Chrome浏览器发送两次请求
小菜鸡的博客
01-09 1764
调试web项目时Chrome浏览器发送两次请求问题 最近使用chrome浏览器调试web项目时，项目有时候会因为接收到空值而而报错，之后我发现是因为Chrome浏览器会连续发送2次请求导致。 在使用Edge浏览器则没有出现这个问题，遂搜索了一些解决方案如下： https://blog.youkuaiyun.com/weixin_39037208/article/details/119646100 https://blog.youkuaiyun.com/u011474608/article/details/115178691 htt
引发 Chrome 请求两次的原因记录
【欢迎关注公众号：冬瓜白】
11-05 919
JSON Viewer 插件
Chrome浏览器地址栏访问接口url，重复请求问题解决
一点点进步
04-06 1万+
今天在Chrome浏览器调试接口时，发现会请求两次接口，但是换Firefox浏览器就没有这个问题，后来发现是Chrome浏览器Jsonview插件的原因导致的。 将图片中红色框内的勾去掉即可，如果选择了该项，那么浏览器会被强制重复发送一次HTTP请求来获取原始HTTP内容。
自动化测试脚本重复执行两次
weixin_44761824的博客
04-27 881
写脚本使用的vscode工具 2问题： 脚本会重复执行两次 2 解决：注释掉运行时自动生成的from lib2to3.pgen2 import driver，然后运行出现AttributeError: partially initialized module 'selenium.webdriver' has no attribute 'Firefox' (most likely due to a circular import)报错， 重命名脚本org.py改成org_1.py，就正常了 ...
Chrome浏览器发送两次请求
weixin_39037208的博客
08-12 2409
Chrome浏览器在请求时会调用两次Servlet 但在FireFox上却没这个问题，发现大家说的都是插件问题。经过一一排查，发现了罪魁祸首。 在开启这个插件的时候会请求两次，将这个插件的权限改为点击时即可解决。 ...
chrome 重复请求的问题
莫冲的专栏
08-24 3524
今天收到一个问题，同一个url在chrome下会重复请求2次，而在fireforx下是正常的一次。 而同一个系统的其他url大多数在不同浏览器都是正常请求一次，偶尔几个在chrome下是请求2次的。在入口文件中确实是记录了2次请求记录。 后来发现，在chrome中安装了json formater的插件导致的。禁用插件，重启chrome后就解决问题了。 ...
为什么控制台的network里会出现两次相同请求？
y790043546的博客
01-02 2856
** 为什么出现这种情况 ** 原以为ajax请求只有HTTP的Request Method只有GET与POST两种，后来发现还有HEAD、PUT、DELETE、OPTIONS……的区别。 本地环境跑公司项目的时候，每次POST之前，为啥浏览器还偷偷给我来一次没有返回的OPTIONS请求？ 原来，浏览器在某些请求中，在正式通信前会增加一次HTTP查询请求，称为"预检"请求（preflig...
u9二次开发后端开发UI页面交互
07-25
<think>我们正在讨论U9系统的二次开发，特别是后端开发和UI页面交互实现。根据用户的问题，我们需要结合引用内容中提到的技术点（如layUI、QT界面设计、Vue.js等）来构建一个可行的方案。 首先，U9系统是用友公司推出的一款企业管理软件，其二次开发通常需要在其提供的开发框架下进行。虽然引用中没有直接提到U9，但我们可以借鉴其中提到的前端技术（如layUI、Vue.js）和后端开发思路。 根据引用[1]中提到的layUI，这是一个经典模块化前端框架，我们可以使用它来构建U9二次开发的UI界面。引用[3]中提到了Vue.js，这是一个现代前端框架，也可以用于构建交互式UI。同时，引用[2]中提到的QT界面设计思路（尽管是桌面应用）也可以给我们一些启示，特别是在数据绑定和界面布局方面。 对于后端开发，U9系统通常使用.NET平台（C#）作为后端语言，二次开发需要在其提供的API和业务对象模型基础上进行。 因此，我们可以将二次开发分为两个部分：后端开发和前端UI交互。 1. 后端开发：通常需要创建新的业务单据、流程或者扩展已有的业务逻辑。U9提供了自己的业务对象模型和持久化框架，我们可以通过继承或组合的方式来扩展。 2. UI页面交互：U9的前端界面可以使用其自带的UI框架（可能是基于ASP.NET Web Forms或MVC），但二次开发中也可以引入现代前端框架（如Vue.js）来构建更丰富的交互体验。同时，引用[1]中提到的layUI也是一个简洁易用的选择。 下面我们分别详细说明： ### 后端开发实现步骤 1. **了解U9的业务对象模型**：U9系统是基于SOA架构的，其业务逻辑封装在业务对象（Business Object, BO）中。二次开发需要创建新的BO或扩展现有BO。 2. **创建新的业务对象**：如果需要新增功能，比如一个新的单据，那么需要创建一个新的BO，并定义其字段、方法和校验规则。 3. **注册服务**：将新的BO注册到U9的服务容器中，以便前端调用。 4. **实现业务逻辑**：在BO中实现具体的业务逻辑，如数据校验、计算、保存等。 5. **数据库扩展**：如果需要新增表或字段，需要在数据库层面进行扩展，并在BO中映射。 示例代码（C#）： ```csharp // 示例：创建一个新的业务对象 [Serializable] public class MyCustomBO : BaseBO { [FieldDef("自定义字段1", FieldType.String, Length = 50)] public string CustomField1 { get; set; } [FieldDef("自定义字段2", FieldType.Decimal)] public decimal CustomField2 { get; set; } // 重写保存方法 public override void Save() { // 自定义保存逻辑 base.Save(); } } ``` ### UI页面交互实现 U9的前端页面可以使用ASP.NET Web Forms或MVC，但也可以使用其他前端框架。这里我们可以参考引用[1]中的layUI和引用[3]中的Vue.js。 1. **使用layUI构建传统页面**：layUI是一个模块化的前端框架，使用简单，适合快速开发。我们可以按照引用[1]中的示例引入layUI，并构建表单和表格。 示例（HTML）： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>U9二次开发页面</title> <link rel="stylesheet" href="layui.css"> </head> <body> <form class="layui-form"> <div class="layui-form-item"> <label class="layui-form-label">自定义字段1</label> <div class="layui-input-block"> <input type="text" name="customField1" required lay-verify="required" placeholder="请输入" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <div class="layui-input-block"> <button class="layui-btn" lay-submit lay-filter="formDemo">提交</button> </div> </div> </form> <script src="layui.js"></script> <script> layui.use('form', function(){ var form = layui.form; // 监听提交 form.on('submit(formDemo)', function(data){ // 这里可以通过Ajax将数据提交到U9后端 // 假设我们有一个处理这个表单的后端服务地址 $.ajax({ url: '/MyCustomBO/Save', type: 'POST', data: data.field, success: function(res) { layer.msg('保存成功'); } }); return false; // 阻止表单跳转 }); }); </script> </body> </html> ``` 2. **使用Vue.js构建更现代化的交互**：Vue.js提供了数据绑定和组件化，可以构建更复杂的单页面应用（SPA）。我们可以将Vue.js集成到U9的页面中。 示例（Vue.js）： ```html <div id="app"> <form @submit.prevent="submitForm"> <label>自定义字段1</label> <input type="text" v-model="formData.customField1" required> <button type="submit">提交</button> </form> </div> <script src="vue.js"></script> <script> new Vue({ el: '#app', data: { formData: { customField1: '' } }, methods: { submitForm() { // 使用axios或其他Ajax库提交数据 axios.post('/MyCustomBO/Save', this.formData) .then(response => { alert('保存成功'); }) .catch(error => { console.error('保存失败', error); }); } } }); </script> ``` 3. **与U9后端交互**：无论使用layUI还是Vue.js，前端都需要通过Ajax调用U9后端提供的服务。U9的服务通常以Web Service（ASMX）或WCF服务的形式提供，也可以使用ASP.NET Web API。 注意：在U9环境中，通常需要处理U9的认证和授权，因此Ajax请求中可能需要携带U9的上下文信息（如Token）。 ### 总结 U9二次开发的后端开发主要是在其业务对象模型基础上进行扩展，而前端可以使用layUI或Vue.js等框架构建交互式页面，通过Ajax与后端交互。在实际开发中，需要遵循U9的开发规范，并利用U9提供的API。 §§相关问题§§ 1. U9二次开发中如何扩展现有的业务对象？ 2. 在U9二次开发中，前端如何集成Vue.js并调用U9后端服务？ 3. U9二次开发中，如何处理用户认证和权限控制？</think>### U9系统二次开发：后端开发与UI页面交互实现 U9系统是用友推出的企业级ERP平台，其二次开发主要涉及后端业务逻辑扩展和前端UI交互优化。以下是具体实现方案： #### 一、后端开发实现 1. **业务对象扩展** 通过继承或组合方式扩展标准业务对象： ```csharp // 示例：扩展销售订单对象 public class CustomSaleOrder : SaleOrder { [U9Field("CustomField", "自定义字段")] public string CustomField { get; set; } public override void BeforeSave() { base.BeforeSave(); // 自定义校验逻辑 if (this.CustomField == null) throw new Exception("自定义字段必填"); } } ``` 2. **服务端逻辑扩展** 使用拦截器模式增强标准业务逻辑： ```csharp // 订单保存拦截器 public class OrderSaveInterceptor : IInterceptor { public void Execute(InterceptorContext context) { var order = context.BusinessObject as SaleOrder; // 添加自定义业务逻辑 if (order.TotalAmount > 100000) order.NeedApprove = true; } } ``` 3. **API接口开发** 创建RESTful API供前端调用： ```csharp [U9ApiController] public class CustomAPIController { [HttpPost("/api/custom/approve")] public ActionResult ApproveOrder([FromBody] ApproveRequest request) { // 审批逻辑实现 var result = OrderService.Approve(request.OrderID); return new JsonResult(result); } } ``` #### 二、UI页面交互实现 1. **前端框架集成** 参考引用[1]的layUI集成方案： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>U9扩展页面</title> <link rel="stylesheet" href="/u9/layui/css/layui.css"> </head> <body> <div id="customPanel"> <form class="layui-form"> <div class="layui-form-item"> <label class="layui-form-label">审批意见</label> <div class="layui-input-block"> <textarea id="approveRemark"></textarea> </div> </div> <button class="layui-btn" @click="submitApprove">提交</button> </form> </div> <script src="/u9/layui/layui.js"></script> <script> layui.use(['layer', 'form'], function(){ var layer = layui.layer; var form = layui.form; // 提交审批 window.submitApprove = function() { const remark = document.getElementById('approveRemark').value; // 调用后端API fetch('/api/custom/approve', { method: 'POST', body: JSON.stringify({ remark }) }).then(res => { layer.msg('审批提交成功'); }); }; }); </script> </body> </html> ``` 2. **数据绑定与交互** 参考引用[3]的Vue.js实现模式： ```html <div id="app"> <table class="layui-table"> <tr v-for="item in orderList"> <td>{{ item.orderNo }}</td> <td>{{ formatCurrency(item.amount) }}</td> <td> <button @click="approve(item)" :class="['layui-btn', item.status?'layui-btn-disabled':'']"> {{ item.status ? '已审批' : '审批' }} </button> </td> </tr> </table> </div> <script> new Vue({ el: '#app', data: { orderList: [] // 从后端API加载 }, mounted() { this.loadOrders(); }, methods: { async loadOrders() { const res = await fetch('/api/orders/pending'); this.orderList = await res.json(); }, approve(order) { // 调用审批API } } }); </script> ``` 3. **界面扩展机制** - 使用U9的**表单扩展点**注入自定义UI组件 - 通过**元数据覆盖**修改标准页面布局 - 利用**客户端脚本引擎**添加交互逻辑 #### 三、开发注意事项 1. **版本兼容性** 需严格匹配U9系统版本，不同版本的SDK和API存在差异 2. **权限控制** 新增功能需配置U9RBAC权限模型： ```sql INSERT INTO U9_RBAC (FuncCode, RoleID, PermType) VALUES ('CUSTOM_APPROVE', 'ROLE_ADMIN', 'RW'); ``` 3. **部署方式** - 后端：编译为DLL放入`/U9/Bin/Custom`目录 - 前端：静态资源放入`/U9/Portal/custom`目录 - 配置注册：在`u9config.xml`中添加扩展模块声明 4. **调试方案** - 使用U9提供的**Remote Debugger**工具 - 前端调试启用Chrome开发者工具 - 日志记录使用`U9Log.Write("模块名", "日志内容")` > 最佳实践：参考引用[4]的表单设计工具，复杂界面建议使用U9提供的**可视化设计器**进行布局，可降低兼容性问题风险[^4]。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值