如何定位前端/后端BUG?
通扯涸裕可以利用抓包工具來(lái)進(jìn)行分析盖袭。可以從三個(gè)方面進(jìn)行分析：請(qǐng)求接口，傳參鳄虱，響應(yīng)弟塞。
- 請(qǐng)求接口url是否正確
如果請(qǐng)求的接口url錯(cuò)誤，為前端的bug
- 傳參是否正確
如果傳參不正確拙已，為前端的bug
- 請(qǐng)求接口url和傳參都正確决记，查看響應(yīng)是否正確
如果響應(yīng)內(nèi)容不正確，為后端bug
- 也可以在瀏覽器控制臺(tái)輸入js代碼調(diào)試進(jìn)行分析
如果定位為后端的bug倍踪，可以進(jìn)一步通過(guò)以下方法精確定位是哪里出bug
查看報(bào)錯(cuò)日志系宫，通過(guò)日志分析問(wèn)題點(diǎn)
查看數(shù)據(jù)庫(kù)確認(rèn)數(shù)據(jù)的正確性
查看緩存是否正確
前后端BUG各有什么樣的特點(diǎn)？
前端BUG 后端BUG
界面相關(guān) 業(yè)務(wù)邏輯相關(guān)
布局相關(guān) 性能相關(guān)
兼容性相關(guān) 數(shù)據(jù)相關(guān)
交互相關(guān) 安全性相關(guān)
定位BUG屬于前端還是后端建车，有什么方法扩借？
這里提供了幾個(gè)方法，可以給大家一個(gè)思路缤至，讓大家能在學(xué)習(xí)和工作中了解如何去區(qū)分BUG屬于前端還是后端潮罪。
接口查看法
這種方法是最常用的，我們必須掌握的凄杯，常用于查看是后端返回給前端的數(shù)據(jù)有誤错洁，還是前端顯示有誤。
大多數(shù)瀏覽器都有自帶的接口查看工具戒突，如Chrome屯碴，F(xiàn)ireFox等都可以通過(guò)F12開(kāi)啟抓包，在NetWork中可以看到當(dāng)前頁(yè)面發(fā)送的每個(gè)http請(qǐng)求膊存。要想通過(guò)接口查看法來(lái)判斷导而，你需要先了解Chrome瀏覽器的Network面板介紹。
日志查看法
當(dāng)我們發(fā)現(xiàn)一個(gè)bug隔崎，并不確定這個(gè)bug屬于前端還是后端今艺，可以查看后端服務(wù)的日志，復(fù)現(xiàn)bug時(shí)爵卒，查看日志中有沒(méi)有相關(guān)信息虚缎。基本可以認(rèn)為钓株，如果日志沒(méi)有輸出实牡，很可能這個(gè)功能并沒(méi)有與后端交互，也就不存在后端的問(wèn)題轴合。反之创坞，如果日志有輸出，可以進(jìn)一步查看有無(wú)錯(cuò)誤日志信息受葛，進(jìn)一步分析题涨。
經(jīng)驗(yàn)法
經(jīng)驗(yàn)法就只能是慢慢積累了偎谁。負(fù)責(zé)的項(xiàng)目多了，自然對(duì)功能的實(shí)現(xiàn)過(guò)程有了解纲堵，也就明白如何分類bug了巡雨。在平常的工作和實(shí)踐中慢慢總結(jié)，不要只是一味的點(diǎn)點(diǎn)點(diǎn)測(cè)測(cè)測(cè)婉支，總結(jié)復(fù)盤很重要鸯隅。
