记录前端请求接口在浏览器请求响应的Preview和Response展示的一样的问题

YXWik62026-09-04 22:02

左侧是正常接口，右侧是响应异常的接口

浏览器 DevTools 里 Preview 和 Response 显示成完全一样的原始文本，说明响应体本身不是合法 JSON。最可能是 FastJson 吐出了某个 Chrome 无法解析的片段，我检查了代码

响应的实体中存在Map<Integer , List > 数据，是Integer 作为 Map 的 key

原因：项目中FastJson 是 1.2.47（较老版本），FastJson 1.2.47 序列化 Map 时，对非 String 类型的 key 不会加引号，会直接输出成：

java 复制代码

"subjects": {1:[{...}], 2:[{...}]}

这种不带引号的数字 key 不是合法 JSON（JSON 规范要求 key 必须是字符串）。Chrome 的 JSON.parse 是严格解析器，遇到这种会直接抛错，于是 Preview 解析失败、退化成和 Response 一样的原始文本。

修复方案：把 subjects 这个 Map<Integer, ...> 改成 Map<String, ...> 就解决了