一、整个前言
在基于 Ruoyi 框架进行系统开发的过程中,我们常常会遇到各种有趣且具有挑战性的问题。今天,我们就来深入探讨一个在实际开发中较为常见的问题:当连续快速发送 Post 请求时,前端会弹出 "数据正在处理,请勿重复提交" 的提醒,这在某些业务场景下可能并非我们所期望的,要如何绕过它呢?跟我一起来看看吧~
二、问题解决
1、先带你看一下原因
首先找到前端的src/utils/request.js文件,找到其中的这一块:
这就是你连续快速发送post请求,系统会给你弹出提醒的原因。前端默认设置了一个拦截器,当你发送post或put请求的时候,就会默认读取两次请求之间的时间间隔,如果说你连续两次请求时间间隔小于1s,那么系统会判定你是重复提交,并且给你弹出一个提醒。
我们的目标就是要在需要绕过这个提醒的场景下,能够顺利地让请求发送出去,而不被这个检测机制拦截。
2、修改前端请求拦截器代码
解决方案就是在拦截器里添加一个自定义参数,在发送请求时,带上这个参数,就可以跳过拦截器的拦截逻辑,让请求丝滑地发送下去。
首先在request.js文件的第39行后面,加上这样一段代码:
if (config.headers && config.headers.skipRepeatSubmit) {
// 如果调用接口时,在headers里手工设置了(skipRepeatSubmit: true)跳过重复提交检查,则直接返回config
return config;
}
现在看起来就是这样了:
这里,我们增加了对skipRepeatSubmit
参数值为字符串'true'
的判断,如果它是true,就直接返回config,如果不是true,才会继续运行拦截器的校验。这样可以更灵活地适应不同的传参方式。
3、修改请求headers
在需要绕过重复提交提醒的请求中,我们需要在请求头中增加skipRepeatSubmit
参数,并设置为true
,就不会被拦截了,例如:
// 查询用例列表
export function listTestCase(query) {
return request({
url: '/projectmanage/testcase/list',
method: 'post',
data: query,
headers: {
skipRepeatSubmit: true // 添加跳过重复提交检查的标识
}
})
}
通过这样的设置,在请求发送时,框架就会根据我们设置的参数,绕过重复提交检测,从而顺利发送请求。快去试试吧!
如果你只是为了解决问题,就不用继续往下看啦!
如果你想要了解原因,可以往下看看!
四、原理探究
(一)重复提交检测机制原理
Ruoyi 框架的重复提交检测机制主要是基于请求的唯一性和时间间隔来实现的。当一个请求发送时,框架会记录下这个请求的相关信息,包括请求的时间、请求的方法、请求的参数等。如果在短时间内接收到相同的请求(这里的相同包括请求方法、请求 URL、请求参数等都相同),框架就会认为这是一次重复提交,进而触发 "数据正在处理,请勿重复提交" 的提醒。这个机制对于大多数正常的业务场景来说是非常实用的,它可以有效地防止用户因为网络延迟等原因,多次点击提交按钮而导致的数据重复提交问题。
(二)跳过参数的作用
我们设置的skipRepeatSubmit
参数就像是一把 "钥匙",当框架检测到这个参数并且其值为true
时,就会认为这个请求是特殊的,需要绕过正常的重复提交检测流程。这就好比在一个门禁系统中,正常情况下需要通过身份验证才能进入,而我们的这个参数就像是一张特殊的通行证,持有它就可以直接通过,而不需要经过常规的验证流程。
五、实际应用场景
(一)批量操作
在进行批量数据导入、批量更新等操作时,由于操作涉及的数据量较大,可能需要多次发送 Post 请求。如果每次请求都被重复提交检测机制拦截,那么整个批量操作就无法顺利完成。通过设置skipRepeatSubmit
参数,我们可以让这些批量请求顺利发送,提高操作效率。
(二)自动化测试
在进行自动化测试时,测试脚本可能会按照一定的逻辑连续发送多个 Post 请求来模拟用户的操作流程。如果这些请求被重复提交检测机制影响,就会导致测试结果不准确或者测试流程中断。通过绕过这个检测机制,我们可以保证自动化测试的顺利进行。
六、注意事项
(一)数据一致性问题
虽然我们通过设置参数绕过了重复提交检测,但是在实际应用中,一定要确保数据的一致性。特别是在一些对数据准确性要求较高的业务场景下,比如金融交易、库存管理等,要避免因为绕过检测而导致的数据重复提交或者不一致的问题。可以在业务逻辑层增加一些额外的数据校验和处理机制,确保数据的准确性。
(二)参数管理
由于skipRepeatSubmit
参数是我们自定义的,在整个项目中要统一管理和使用。在不同的模块或者功能中,要确保对这个参数的理解和使用方式一致,避免因为参数设置不当而导致的问题。同时,也要注意在代码中对这个参数的设置进行合理的注释,以便于后续的维护和开发。
七、总结与展望
通过对 Ruoyi 框架连续快速发送 Post 请求时弹出重复提交提醒问题的分析和解决,我们不仅解决了一个实际开发中的难题,还深入了解了框架的内部机制和原理。在今后的开发中,我们可以根据不同的业务场景,灵活运用这些知识,更好地优化我们的项目。
展望未来,随着技术的不断发展和业务需求的日益复杂,我们可能会遇到更多类似的问题。但是,只要我们掌握了正确的分析和解决问题的方法,就能够从容应对。同时,我们也希望 Ruoyi 框架能够不断完善和优化,提供更多更强大的功能和更灵活的配置,为我们的开发工作带来更多的便利。
希望这篇文章能够对你在 Ruoyi 框架开发中遇到的相关问题有所帮助,如果你有任何疑问或者建议,欢迎随时交流。
✍结尾
🀙🀚🀛🀜🀝🀞🀟🀠🀡🀐🀑🀒🀓🀔🀕🀖🀘🀗🀏🀎🀍🀌🀋🀊🀉🀈🀇🀆🀅🀃🀂🀁🀀🀄︎🀢🀣🀥🀤🀦🀧🀨🀩🀪
📘 妹妹听后点了点头,脸上露出了满意的笑容。她轻声说道:"原来如此,谢谢你,鸽鸽。看来我不仅要多读书,还要多动手实践,提升自己才行。"
看着她那充满求知欲的眼神,我不禁感叹,学习之路虽然充满挑战,但有这样一位美丽聪慧的伙伴相伴,一切都变得格外有意义。快去和妹妹一起实践一下吧!
📘相关阅读⚡⚡
笔者 綦枫Maple 的其他作品,欢迎点击查阅哦~:
📚Jmeter性能测试大全:Jmeter性能测试大全系列教程!持续更新中!
📚UI自动化测试系列: Selenium+Java自动化测试系列教程❤
📚移动端自动化测试系列:Appium自动化测试系列教程
📚Postman系列:Postman高级使用技巧系列
bash
👨🎓作者:綦枫Maple
🚀博客:CSDN、掘金等
🚀CSDN技术社区:https://bbs.csdn.net/forums/testbean
🚀网易云音乐:https://y.music.163.com/m/user?id=316706413
🚫特别声明:原创不易,转载请附上原文出处链接和本文声明,谢谢配合。
🙏版权声明:文章里可能部分文字或者图片来源于互联网或者百度百科,如有侵权请联系处理。
🀐其他:若有兴趣,可以加文章结尾的Q群,一起探讨学习哦~