请求其他网站图片时发生403图裂
问题
saas-manage在显示品牌图片时,个别外部图片发生了403错误,发生图裂
比如
https://image4.cnpp.cn/upload/images/20220827/08294039552_207x90.jpg
而在浏览器中可以正常显示这个图片链接,说明图片可用。
原因
如果从一个网页跳到另一个网页,http 头字段里面会带个 Referer。
这里我们请求外部图片时,referer就是我们项目的域名。
而图片服务器通过检测 Referer 是否来自规定域名,来进行防盗链。
解决方法:
不带referer,绕过防盗链。
设置meta中referer为no-referer,图片正常显示
<div>
<Image width={100} height={100} src={logoUrl}/>
{/* 加上下面这行 */}
<meta name='referrer' content='no-referrer'></meta>
</div>