浏览器能正常访问图片,但是放到img src下就无法显示的解决方案

复制粘贴能跑就行 / 2024-10-10 / 原文

原因: 
  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="">