控制台解析preview和response数据不一致怎么解决

最新推荐文章于 2025-07-04 16:53:37 发布

小刀_逸

最新推荐文章于 2025-07-04 16:53:37 发布

阅读量9.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： bug解决文章标签： preview和response数据不一致

本文链接：https://blog.youkuaiyun.com/q7410p123/article/details/79556252

bug解决专栏收录该内容

1 篇文章

订阅专栏

本文探讨了在向浏览器返回Long类型数据时遇到的问题及解决方案。主要原因是浏览器在转换数据格式时可能出现错误。解决办法是在返回数据前将其转换为字符串类型，并推荐使用@JSONField注解配合ToStringSerializer类。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原因可能是因为数据为Long型，返回给浏览器以后，浏览器转换数据格式的时候出现问题。

解决方案：在返回数据之前就将数据转换为字符串，这样结果就是正确的。

在返回前台数据类的 long字段上加入

@JSONField(serializeUsing= ToStringSerializer.class)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小刀_逸

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

元数据与数据治理实战｜ Google Chrome抓包分析详解（7）

十年呵护的专栏

01-27

1504

开篇点题虽然和数据主力关系不大，在学习的过程当中，无意穿插了爬虫的知识，也就有了此篇的抓包分析，感兴趣的可以看下，还是有用的。正文部分前言：因作LaGou网翻页教程，频繁访问，导致IP被封，所以先来篇我们该如何抓包。目标：学会利用Chrome浏览器的开发者工具进行HTTP请求分析一：什么是抓包即抓取我们本地电脑与远端服务器通信时候所传递的数据包二：Chrome浏览器讲解...

前端开发：JSON 数据错误处理与调试技巧

小白菜的博客

06-06

926

本文旨在帮助前端开发者系统性地理解和处理JSON数据相关的错误，掌握高效的调试技巧。内容涵盖从基础概念到高级技巧的全方位知识，特别关注实际开发中的常见问题和解决方案。文章首先介绍JSON核心概念，然后分析常见错误类型，接着深入调试技巧，最后提供实战案例和高级技巧。每个部分都配有详细解释和代码示例。JSON: JavaScript Object Notation，轻量级数据交换格式序列化: 将数据结构或对象转换为可存储/传输格式的过程反序列化: 将序列化后的数据恢复为原始数据结构的过程数据验证。

2 条评论您还未登录，请先登录后发表或查看评论

控制台中的 preview 与 response 对 result 的顺序问题

qq_36155035的博客

03-23

2102

控制台中的 preview 与 response 对 result 的顺序问题 LinkedHashMap 输出的结果在 浏览器的控制台中的 preview 与 response 结果一样，但是顺序不一样。。。这个发现让人很头疼啊。需要用 response 中的结果，但是前端要获取 preview...

浏览器中的响应(response )和预览(preview )的值不一致解决

weixin_42048982的博客

11-02

3803

JavaScript中的数字类型有限制，无法准确表示超过2^53=9007199254740992（约9 * 10^15）的整数。当数字超过这个范围时，它们可能会被近似为最接近的可表示数字。要避免这种近似显示，你可以将大整数作为字符串处理，并在前端进行显示。这样可以确保完整的整数值被正确地传递和显示，而不会受到JavaScript数字类型精度的限制。今天掉接口，后端返回71289254424219648，响应是71289254424219648，预览变成了71289254424219650。

浏览器中的 preview 和 response 的值不一致和精度问题解决

最新发布

weixin_46528266的博客

07-04

462

浏览器中的 preview 和 response 的值不一致和精度问题解决

浏览器中的 preview 和 response 显示的值不一致

提莫拌一团蘑菇

11-08

3345

背景：图中是浏览器渲染的表结构，我们的节目ID在表结构中作为主键ID，是不会存在重复的情况的，那到底是怎么造成的呢？逻辑梳理：经过排查返回值，我们发现NetWork中的preview 与我们页面所展示出来的值一致，主键ID是错误的????‍♂️，我在js中设置debug，可以看到拿到的返回值和 preview 的一致，主键ID是错误的????‍♂️，但是... Net...

【解决】控制台解析preview和response数据不一致，并使用transformResponse修改响应数据

坚强的泡沫的博客

11-24

1966

【解决】控制台解析preview和response数据不一致，并使用transformResponse修改响应数据

调用后端的时候，后端返回的响应（response）和预览（preview）数据不一致

weixin_56042678的博客

10-07

1177

浏览器自身会丢失精度，long类型一般情况下超过17位就会发生变化，这种情况下后端转化为字符串返回数据。

axios获取后台数据为空如何解决

06-05

// 检查结构和数据 console.log("响应体:", response.data); }); ``` 如果 `response.data` 为空，问题在服务器。 - **参数格式**：确保请求参数格式匹配 API（如数字或字符串）。 - **环境问题**：开发与...

【ajax】1.HTTP协议+Chrome网络控制台查看POST、GET通信报文

weixin_43210113的博客

12-04

1338

〇、前情提要在看b站视频 - 尚硅谷Web前端Ajax教程初学者零基础入门到精通全套完整版（ajax2020最新版），中插了这个知识记录一下参考： b站视频 - 尚硅谷Web前端Ajax教程初学者零基础入门到精通全套完整版（ajax2020最新版） https://www.bilibili.com/video/BV1WC4y1b78y?p=2 笔记视频链接链接：https://pan.baidu.com/s/1Wnwb42-AaqAlg6cQ0PRHwg 提取码：3waj http状态码200,30

the content was miscontfigured to not senve the tfile with HITP ReSponse Header "Content-tncodling gzip" present. ChecKbrowser Console and Devtools Network tab to debug. 内容配置错误，无法发送带有HITP响应头“Content-tncodling gzip”的tfile。选中要调试的KBrowser控制台和DevTools网络选项卡。

05-14

好的，我现在要帮用户解决关于未正确发送带有'Content-Encoding: gzip'响应头的问题，以及如何通过浏览器控制台和DevTools网络选项卡进行调试。首先，我需要回忆一下相关的知识。用户提到引用[1]中的错误信息，...

浏览器中的 preview 和 response 的值不一致

qq_38031120的博客

11-20

8801

背景一般情况下我们看Network里面的Preview和Response的结果似乎一模一样。不管是请求页面，请求页面还是请求js还是请求css，二者的结果都一样。在Preview中，控制台会把发送过来的json数据自动转换成javascript的对象格式；而这个时候，突发bug页面显示和response中的一样，但是preview却不一样。 preview response 梳理 NetWork中的preview是...

Vue中请求的响应数据preview预览和response数值不准确问题，覆盖默认js最大安全整数解决方案

DDD4V的博客

03-20

2456

分析问题原因 network中预览的id network中response的id 数值不相符原因原因 js有自己的最大安全整数（相应数据数值太大，导致有误差） js在解析数据时会自动执行 json.parse（方法）通过number.MAX_SAFE_INTEGER可以查看js最大安全整数当请求回的数据超过这个数值就会导致不准确解决方案下载json-bigint包来覆盖默认的json.parse方法 axios官方文档 // `transformResponse` 在传递给 then/c

接口返回 preview 和 response 不一致全局序列long转string

weixin_42323982的博客

01-20

609

记录一次令人蛋疼的bug排查。前段时间拿别人开源的博客项目搭建了自己的网站，为了安全，把用户id由自增改成了雪花算法生成。在调用支付时接口没有报错（后续有空打算出一篇个人如何对接微信支付的文章），但是金币未到账。

【解决】控制台解析preview和response数据不一致,并使用transformResponse修改响应数据

weixin_46413834的博客

08-28

912

前端接收后，后面的几位都变成0了,由于JavaScript中Number类型的自身原因，并不能完全表示Long型的数字，在Long长度大于17位时会出现精度丢失的问题。在Preview(预览功能)中，控制台会把发送过来的json数据自动转换成javascript的对象格式。因为数据为Long型，返回给浏览器以后，浏览器转换数据格式的时候出现问题。方案二：在传递给 then/catch 前，结合开源库。，使用transformResponse修改响应数据。方案一：在返回数据之前就将。

解析json中的数据和response中的数据不一样

weixin_43399314的博客

03-31

481

爬取豆瓣网电影(手机版）爬取豆瓣网得到正常的响应，并且响应中也有需要的数据，但是json格式中的数据却和源码中的不一样，遇到这种反扒机制有没有很好的解决办法呢？ ...

问题：当控制台解析preview和response数据不一致时，怎么处理

_淘淘子的博客

08-06

2756

遇到的问题：这次在做项目时，发现后端返回的数据在preview和response中不一致。response里的是正确的数据，可是取数据的时候只能拿到错误的。当时很是纳闷~~~ 问题原因：原因可能是因为数据为Long型，返回给浏览器以后，浏览器转换数据格式的时候出现问题。也就说，JS在处理返回数据类型是Long的时候，精度会丢失一部分。解决思路：后台传到前台时，把Long类型数据，转为S...

问题记录2：preview 和 response的数据不一致的问题

钟于coding

04-18

1467

因为前端js所接收的数据Number类型并不能完全表示Long型的数字，在Long长度大于17位时会出现精度丢失的问题，超过17位的部分浏览器会转换为0显示。问题：preview 和 response的数据不一致的问题。postman调的接口返回的数据都是对的，但在浏览器中的preview中没有显示正确的数据。js中的Number类型只能解析其中的17位，其他几位补位为0，就会造成如上问题。在后端返回的类型改成String型。

浏览器响应内容和程序响应内容不一致的原因简析

古月--的博客

06-14

2731

最近几天在写一个项目，和之前不同的是我想要的内容都在html标签里，所以选择xpath或者bs4来提取相关的内容，在实践的过程中遇到了一些问题，特此记录以便于查阅。现象一：浏览器响应内容和程序响应内容不一致当你在抓包的时候，找到了你想要的内容，并且响应的内容和页面是一致的，但是在写程序的时候，发现跑出来的内容却不一样（注意elements里面的内容和响应不一致的原因是有JS动态加载）（...