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

原因: 

对方图片服务器通过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="">