瀏覽器能正常訪問圖片,但是放到img src下就無法顯示的解決方案

龙卷风吹毁停车场發表於2024-10-10
原因:

對方圖片伺服器透過referer防第三方盜鏈:

  1. 你直接訪問圖片伺服器,它判斷referer為null,允許你訪問。

  2. 如果你放在img標籤中,referer就是當前頁面url,圖片伺服器判斷這個url不在授權範圍內,不返回正常內容。

解決方法:
在圖片地址前面拼接上 //images.weserv.nl/?url=
<img src="//images.weserv.nl/?url=https://avatar.vercel.sh/satori.png" alt="" srcset="">

相關文章