[API命名避坑]圖片加載失敗

日前網(wǎng)站上線了廣告推廣欄位頁面功能，收到用戶反映：

1. 網(wǎng)站首頁的廣告推廣欄位顯示空白。?

問題排查

服務(wù)端檢查

1. 接口排查 ?
   使用postman和curl請求皆可以正常獲取數(shù)據(jù),說明服務(wù)端正常

客戶端排查

在確認服務(wù)端沒有問題的情況下，進行客戶端的排查。

1. 借助谷歌瀏覽器F12開啟開發(fā)者工具，選中Network，勾選Preserve log以及Disable cache，資源類型選擇All， 刷新頁面??
   

2. 發(fā)現(xiàn)有些請求狀態(tài)異常，http請求Status為：blocked:other， 可以基本確認瀏覽器攔截了http請求，且這些請求正為獲取廣告欄位圖片的接口

瀏覽器攔截請求原因

1. 發(fā)現(xiàn)http請求Status為：blocked:other ?

2. 用戶的瀏覽器插件中有AdBlock ?

   

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

由以上幾點可以得出結(jié)論：?
1. 由于API中包含了advert的敏感關(guān)鍵字， ?
2. 觸發(fā)了瀏覽器插件AdBlock的廣告攔截機制， ?
3. 直接攔截終止http請求， ?
4. 導致圖片數(shù)據(jù)獲取失敗， ?
5. 最終廣告欄位留白。

解決方法

1. 接口路由中避免使用ad/advert/advertisement等與廣告相關(guān)的關(guān)鍵字??

2. 排查問題優(yōu)先從底層排查，由下而上，逐步排查，進而確認問題環(huán)節(jié)