如何定位前端/后端BUG?
通常可以利用抓包工具來進(jìn)行分析?？梢詮娜齻€方面進(jìn)行分析：請求接口，傳參，響應(yīng)。
- 請求接口url是否正確
如果請求的接口url錯誤，為前端的bug
- 傳參是否正確
如果傳參不正確，為前端的bug
- 請求接口url和傳參都正確，查看響應(yīng)是否正確
如果響應(yīng)內(nèi)容不正確，為后端bug
- 也可以在瀏覽器控制臺輸入js代碼調(diào)試進(jìn)行分析
如果定位為后端的bug，可以進(jìn)一步通過以下方法精確定位是哪里出bug
查看報錯日志，通過日志分析問題點
查看數(shù)據(jù)庫確認(rèn)數(shù)據(jù)的正確性
查看緩存是否正確
前后端BUG各有什么樣的特點？
前端BUG 后端BUG
界面相關(guān) 業(yè)務(wù)邏輯相關(guān)
布局相關(guān) 性能相關(guān)
兼容性相關(guān) 數(shù)據(jù)相關(guān)
交互相關(guān) 安全性相關(guān)
定位BUG屬于前端還是后端，有什么方法？
這里提供了幾個方法，可以給大家一個思路，讓大家能在學(xué)習(xí)和工作中了解如何去區(qū)分BUG屬于前端還是后端。
接口查看法
這種方法是最常用的，我們必須掌握的，常用于查看是后端返回給前端的數(shù)據(jù)有誤，還是前端顯示有誤。
大多數(shù)瀏覽器都有自帶的接口查看工具，如Chrome，F(xiàn)ireFox等都可以通過F12開啟抓包，在NetWork中可以看到當(dāng)前頁面發(fā)送的每個http請求。要想通過接口查看法來判斷，你需要先了解Chrome瀏覽器的Network面板介紹。
日志查看法
當(dāng)我們發(fā)現(xiàn)一個bug，并不確定這個bug屬于前端還是后端，可以查看后端服務(wù)的日志，復(fù)現(xiàn)bug時，查看日志中有沒有相關(guān)信息?；究梢哉J(rèn)為，如果日志沒有輸出，很可能這個功能并沒有與后端交互，也就不存在后端的問題。反之，如果日志有輸出，可以進(jìn)一步查看有無錯誤日志信息，進(jìn)一步分析。
經(jīng)驗法
經(jīng)驗法就只能是慢慢積累了。負(fù)責(zé)的項目多了，自然對功能的實現(xiàn)過程有了解，也就明白如何分類bug了。在平常的工作和實踐中慢慢總結(jié)，不要只是一味的點點點測測測，總結(jié)復(fù)盤很重要。
