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

简介: 一、出现的问题项目在测试阶段出现了一些问题,在有一个页面进行增加或删除数据后刷新,页面没有任何反应。查看增加或修改的请求,响应是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看到的不一样。


目录
相关文章
|
10月前
|
负载均衡 前端开发 JavaScript
【Node.js实战】一文带你开发博客项目之联调(导入HTML、Nginx反向代理、CORS解决跨域、与前端联调)
【Node.js实战】一文带你开发博客项目之联调(导入HTML、Nginx反向代理、CORS解决跨域、与前端联调)
168 1
|
存储 缓存 前端开发
|
SQL JSON 前端开发
|
Web App开发 前端开发 安全
5 分钟解决前后端联调问题,说一说前端代理这件事
简洁,又能触达痛点的一站式前端代理解决方案,你值得拥有。
5 分钟解决前后端联调问题,说一说前端代理这件事
|
8月前
|
Web App开发 前端开发 JavaScript
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
95 0
|
8月前
|
前端开发 定位技术
前端学习笔记202305学习笔记第二十三天-地图单线程配置
前端学习笔记202305学习笔记第二十三天-地图单线程配置
64 0
前端学习笔记202305学习笔记第二十三天-地图单线程配置
|
8月前
|
前端开发 API
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-react-redux的工作流程
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-react-redux的工作流程
55 0
|
8月前
|
前端开发
前端学习笔记202306学习笔记第五十一天-工厂模式4
前端学习笔记202306学习笔记第五十一天-工厂模式
34 0
|
4月前
|
前端开发 JavaScript
《Webpack5 核心原理与应用实践》学习笔记-> 构建微前端应用
《Webpack5 核心原理与应用实践》学习笔记-> 构建微前端应用
39 1