同前端联调遇到的坑(二)

简介: 一、出现的问题项目在测试阶段出现了一些问题,在有一个页面进行增加或删除数据后刷新,页面没有任何反应。查看增加或修改的请求,响应是200状态,提示新增或删除成功,但是页面刷新后无论是条数还是详细数据都没有变化,该多的不多,该少的也不少。而且看到新增或删除后的查询请求,返回状态码是304,也就是说页面重定向了。由于这一模块相关的前端代码不是现在的这个同时负责,因此他也是一顿好找。
一、出现的问题

项目在测试阶段出现了一些问题,在有一个页面进行增加或删除数据后刷新,页面没有任何反应。

查看增加或修改的请求,响应是200状态,提示新增或删除成功,但是页面刷新后无论是条数还是详细数据都没有变化,该多的不多,该少的也不少。

而且看到新增或删除后的查询请求,返回状态码是304,也就是说页面重定向了。

由于这一模块相关的前端代码不是现在的这个同时负责,因此他也是一顿好找。


二、失败的解决方案

一开始在网上查询时,说是浏览器缓存的问题,于是他参照部分资料修改了请求头,加上了如下代码:

<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="0">

但是令人沮丧的是,这个办法并没有实际解决我们的问题,重新进行上边的操作时,结果也是没有变化。


三、成功解决方案

于是乎,他只好和另一个同事一起在网上再次一番好找,看到网上说get请求可能会发生这个问题,然后一检查,发现我们的这个新增和删除之后的查询请求果然是get,于是便把get改成post,我也把后端相关的代码改成了post。

但是结果却是,无论如何我都接收不到他们传递的数据,控制台明明是个2,我后台debug看到的却还是0。

以前从没遇到过这样的问题,我也是一阵无语,网上搜了好多资料无果后,只好向老同事寻求帮助,于是成功的解决,原因只在于我的后台get变为post后,用对象接受参数时没有加入@requestbody这个注解,因此spring无法把post请求传递的数据正确的转换为对象,就导致控制台看到的请求参数与我debug看到的不一样。


目录
相关文章
|
前端开发 JavaScript 关系型数据库
开发中的前端和后端
开发中的前端和后端
190 0
|
19天前
|
安全 测试技术 API
如何实现API接口的自动化测试?
实现API接口的自动化测试涉及多个关键步骤:确定测试范围和目标、编写测试用例、选择自动化测试工具、搭建测试环境、编写测试脚本、执行测试、分析结果和回归测试。选择合适的工具和考虑团队熟悉度是成功的关键。常用工具包括Postman、JMeter和SoapUI。通过这些步骤和工具,可以有效提高测试效率和质量,确保API的稳定性和可靠性。
|
4月前
|
缓存 前端开发 应用服务中间件
看看高手是怎么部署前端代码的
【8月更文挑战第8天】从简单的前端项目部署开始,构建dist文件夹并通过Nginx代理接口请求,以解决跨域问题。为进一步优化大型系统的性能及稳定性,需采用高级部署策略。例如,利用CDN分发静态资源并采用缓存控制减少带宽消耗,通过文件哈希值更新URL确保资源按需刷新。面对大规模部署挑战,采用非覆盖式发布方法避免样式错乱风险,并通过灰度部署逐步验证新版功能,确保服务平稳过渡。借助Nginx实现流量切分,可灵活调整新旧版本流量比例,有效降低上线风险。
68 3
|
5月前
|
前端开发 JavaScript Java
开发做前端好还是后端好?
开发做前端好还是后端好?
98 1
|
7月前
|
前端开发 小程序 测试技术
前端后端测试接口mork神器,Apifox使用一分钟入门
前端后端测试接口mork神器,Apifox使用一分钟入门
236 0
|
7月前
|
IDE Java 开发工具
开发后端
自定义后端逻辑流操作基于Java编写,对于熟悉Java的开发者来说,可以运用Java的强大能力来扩展后端逻辑流。 【2月更文挑战第4天】
92 12
|
7月前
|
JSON 前端开发 Java
⚠⚠⚠java后端开发中,前后端联调过程一些常见的低级/低端问题汇总⚠⚠⚠
⚠⚠⚠java后端开发中,前后端联调过程一些常见的低级/低端问题汇总⚠⚠⚠
|
7月前
|
SQL 测试技术 数据库连接
Lim接口测试平台-接口测试功能详解
Lim接口测试平台-接口测试功能详解
112 1
|
缓存 移动开发 负载均衡
关于项目刚上线前后端所遇到主要问题的复盘
最近正在做的项目上线了,问题很多,有前端的问题也有后端的问题。最近也接触了一点公司的后端,顺便一起简单的总结一下。
187 0
|
前端开发 API Windows
【技术干货】使用whistle进行前后端联调
在开发的过程中经常会进行前后端先约定定义接口,然后前后端独立开发,最后进行联调。过程中可能前端先完成开发,此时后端就可以借助前端开发好的页面白屏验证研发的接口与业务逻辑;可能后端先完成开发,前端就可以配置后端地址,直接验证页面逻辑,这里面主要的关键点就在于如何将页面的api请求自定义转发到期望的后端地址以及进行相关的转发逻辑配置。
429 0