在軟件測試中，精準定位Bug的歸屬（前端 or 后端）是高效協作的關鍵。以下是系統化的排查方法，結合技術細節和實戰技巧：

---

1. 核心判斷邏輯

「數據 vs 展示」二分法：

• 后端問題：數據本身錯誤（API返回錯誤數據/邏輯錯誤/數據庫問題）

• 前端問題：數據正確但展示異常（UI渲染錯誤/交互邏輯問題）

---

2. 四步定位法

第一步：抓包分析（必做）

• 工具：Chrome DevTools > Network / Fiddler / Charles

• 關鍵檢查：

  json

  // 后端問題特征
  {"status": 500,  // 服務器錯誤"data": null    // 數據缺失或明顯錯誤
  }

  json

  // 前端問題特征
  {"status": 200,  // 接口正常"data": {...},  // 數據正確"但頁面顯示異常"  // 渲染/交互問題
  }

第二步：控制臺診斷

• Console錯誤：

  • Uncaught TypeError → 前端JS錯誤

  • CORS policy → 后端接口配置問題