目录

一、最快定位工具：浏览器开发者工具

二、按状态码直接判断（最准）

1. 完全没有请求

2. 4xx 状态码（客户端错误）

3. 5xx 状态码（服务器错误）

4. 200 状态码（请求成功）

三、不用工具也能快速判断（经验版）

✅ 肯定是【前端 Bug】的场景

✅ 肯定是【后端 Bug】的场景

✅ 可能是前后端配合问题

四、Java 项目专用排查步骤（最实用）

五、一句话总结（背会就能用）

总结

---

在运行 Java 后端 + 前端项目时，判断 Bug 归属核心就一句话：先看请求，再看数据，最后看逻辑，不用瞎猜，按步骤排查 10 秒就能定位。

---

一、最快定位工具：浏览器开发者工具

F12 打开 → 切换到 Network（网络）面板这是判断前后端 Bug 的唯一核心工具。

刷新页面 / 触发操作，看网络请求：

1. 有没有发出请求？
2. 请求状态码是多少？
3. 后端返回的数据对不对？

---

二、按状态码直接判断（最准）

1. 完全没有请求

• 前端没发请求 → 100% 前端 Bug原因：按钮没绑定事件、接口地址写错、前端逻辑拦截、参数没传对。

2. 4xx 状态码（客户端错误）

• 400：参数错误 / 格式不对
• 401：未登录 / Token 过期
• 403：无权限
• 404：接口不存在 / 地址错了
• 绝大部分是前端问题（传参错、地址错、没带 Token）
• 只有一种情况是后端：接口真的没写 / 没部署

3. 5xx 状态码（服务器错误）

• 500 / 502 / 503 / 504
• 100% 后端 BugJava 后端代码抛异常、空指针、数据库挂了、服务崩了。

4. 200 状态码（请求成功）

这是最容易混淆的场景，看返回数据：

• 后端返回的数据是空 / 错误 / 不符合文档 → 后端 Bug
• 后端返回数据完全正确，但页面不显示 / 显示错 / 样式乱 → 前端 Bug

---

三、不用工具也能快速判断（经验版）

✅ 肯定是【前端 Bug】的场景

1. 页面样式错乱、按钮点不动、跳转失败
2. 输入框限制失效、表单验证不生效
3. 接口 200 返回数据正确，但页面展示错误
4. 不同浏览器表现不一样（Chrome 正常，IE 乱掉）
5. 控制台（Console）报红：js 报错、跨域、资源加载失败

✅ 肯定是【后端 Bug】的场景

1. 接口报 500，Java 控制台抛异常
2. 数据增删改失败，数据库没变化
3. 返回数据错误、缺失、字段为空
4. 登录 / 查询逻辑不对，和代码逻辑不符
5. 接口超时、服务无法访问

✅ 可能是前后端配合问题

1. 字段名不一致（前端要userId，后端返uid）
2. 数据格式不匹配（前端要数组，后端返对象）
3. 约定好的枚举值不统一这类属于联调问题，不算纯前端或纯后端。

---

四、Java 项目专用排查步骤（最实用）

1. F12 → Network 看请求是否发出、状态码多少
2. 状态码 500 → 直接看IDEA 控制台日志，Java 异常就是铁证
3. 状态码 200 → 复制返回值，对比接口文档
4. 数据对 → 前端；数据错 → 后端
5. 没请求 → 前端

---

五、一句话总结（背会就能用）

• 没请求 / 200 数据对但展示错 → 前端
• 500 / 200 数据错 → 后端
• 4xx 看情况：地址 / 参数错 = 前端，接口真没 = 后端

---

总结

1. 定位神器：F12 Network，看请求 + 状态码 + 返回数据
2. 5xx = 后端；无请求 / 200 数据正确 = 前端
3. Java 项目直接看控制台异常，是后端 Bug 的铁证