我有一些<image/>
在 an 中呈现 s 的HTML 代码,<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>
但我不想这样做,因为其他第三方图像提供商需要引用标头。
我可以做的是通过我自己的站点将请求汇集起来,该站点在没有引用标头的情况下转发它们。但这是次优的,因为它会增加我自己网站的流量。
(哦,是的,我已经尝试了所有可能的“推荐人”拼写错误的组合......)