[API命名避坑]圖片加載失敗
日前網(wǎng)站上線了廣告推廣欄位頁面功能,收到用戶反映:
網(wǎng)站首頁的廣告推廣欄位顯示空白。?

問題排查
服務(wù)端檢查
接口排查 ?
使用postman和curl請求皆可以正常獲取數(shù)據(jù),說明服務(wù)端正常
客戶端排查
在確認服務(wù)端沒有問題的情況下,進行客戶端的排查。
借助谷歌瀏覽器F12開啟開發(fā)者工具,選中Network,勾選Preserve log以及Disable cache,資源類型選擇All, 刷新頁面??
發(fā)現(xiàn)有些請求狀態(tài)異常,http請求Status為:blocked:other, 可以基本確認瀏覽器攔截了http請求,且這些請求正為獲取廣告欄位圖片的接口

瀏覽器攔截請求原因
發(fā)現(xiàn)http請求Status為:blocked:other ?
用戶的瀏覽器插件中有AdBlock ?

這些url中都包含有advert關(guān)鍵字 ?

由以上幾點可以得出結(jié)論:?
1. 由于API中包含了advert的敏感關(guān)鍵字, ?
2. 觸發(fā)了瀏覽器插件AdBlock的廣告攔截機制, ?
3. 直接攔截終止http請求, ?
4. 導致圖片數(shù)據(jù)獲取失敗, ?
5. 最終廣告欄位留白。
解決方法
接口路由中避免使用ad/advert/advertisement等與廣告相關(guān)的關(guān)鍵字??
排查問題優(yōu)先從底層排查,由下而上,逐步排查,進而確認問題環(huán)節(jié)
評論
圖片
表情
