我有一些HTML代码可以在<image/>
内呈现<svg/>
,并且我希望阻止浏览器在请求获取图片时发送引荐标头。
但是它总是如此,我找不到阻止它的方法。
示例代码:
<html>
<body>
<svg>
<g>
<image href="https://some-third-party-image-provider.com" width="100px" height="100px" referrerPolicy="no-referrer"/>
</g>
</svg>
</body>
</html>
在“网络”标签中查看时,对https://some-third-party-image-provider.com
的请求始终带有一个Referer: https://example.com
标头。
为了消除,下面实现了我在Referer标头方面想要的:
<html>
<body>
<img src="https://some-third-party-image-provider.com" referrerPolicy="no-referrer"/>
</body>
</html>
但这还不够,因为我依靠SVG进行操作(特别是图形转换)。
以下内容也可以使其起作用:
<head>
<meta name="referrer" content="no-referrer"/>
</head>
但是我不想这样做,因为其他第三方图像提供程序需要引用标头。
我所能做的是通过我自己的站点来收集请求,该站点将在没有引用标头的情况下转发请求。但这不是最佳选择,因为它会增加我自己网站的访问量。
(哦,是的,我已经尝试过对“引荐来源网址”拼写错误的所有可能组合...)