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

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

前端：負(fù)責(zé)展示頁面和用戶交互邏輯

后端：負(fù)責(zé)處理數(shù)據(jù)和業(yè)務(wù)邏輯。

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

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

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

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

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

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