У меня есть некоторый HTML-код, который отображает <image/> s внутри <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>
, но я не хочу делать это, так как другие сторонние поставщики изображений нуждаютсязаголовок реферера.
Что я мог сделать, это направить запросы через мой собственный сайт, который перенаправляет их без заголовка реферера.Но это неоптимально, так как это увеличило бы трафик моего собственного сайта.
(О, да, я пробовал все возможные комбинации неправильного написания "referrer" ...)