目前，前后端分離的開發(fā)模式在許多項目中被廣泛采用。然而，在我們日常的測試過程中，當我們向開發(fā)人員提交bug時，有可能會遇到開發(fā)人員說bug指派錯了的情況，甚至前后端開發(fā)還會相互推卸責任。為了避免我們自身處于被動的境地，耽誤解決bug的時間，影響項目進度，降低測試與開發(fā)之間的溝通成本，提高工作效率，學會準確定位前后端bug是一項非常重要的技能，筆者面試時就曾經被問到過，那就一起來分析一波吧～

首先，我們需要了解前后端的區(qū)別。簡單來說

前端：負責展示頁面和用戶交互邏輯

后端：負責處理數據和業(yè)務邏輯。

前后端之間的交互是通過接口進行的，接口是后端暴露給前端調用的，前后端交互大多都是通過HTTP協(xié)議（但不僅限于HTTP）的接口來進行

前端傳入請求URL和請求參數，調用后端提供的HTTP接口，在正常情況下，就可以拿到后端返回的數據，用于頁面的展示

當我們發(fā)現(xiàn)一個bug時，如果是界面排版布局錯誤，比如樣式、文案、字體、兼容性問題，那就是前端bug。另外，像瀏覽器Console打印出的錯誤信息基本也屬于前端bug。

如果是接口報錯，我們可以利用抓包工具進行分析。在web端，可以使用瀏覽器自帶的開發(fā)者工具（F12）進行抓包；在App端，可以借助于Fiddler或者Charles進行抓包。在分析時，我們可以從三個方面進行考慮：請求接口URL、傳參、響應。

后端bug。我們可以在服務器上查看日志定位問題，可以通過以下步驟進行查詢

在實際工作中，我們經常會遇到各種問題。當我們遇到問題時，我們應該先保持冷靜，全面分析并充分理解需求。我們需要確定是自己的誤操作，還是環(huán)境問題，或者是由于臟數據或權限不足導致的bug。如果我們確實無法定位問題，可以尋求開發(fā)人員的幫助。在描述問題的過程中，我們應該提供有效信息，例如問題發(fā)生的時間點、問題相關的視頻/圖片、業(yè)務操作場景，并提供日志等排查依據。這樣做可以大大提高問題排查的效率。