html로 이미지를 첨부할 때, 브라우저는 서버로부터 이미지를 요청한다. 리퀘스트를 할 때 브라우저는 http 헤더에 url을 담는 Reffer 이라는 속성을 붙여서 보낸다. 그러나 어쩔때는 (외부 링크 첨부 금지와 같은 상황일 때 ) 이러한 행동을 막고싶을 때가 있다. 이 행동을 막기 위한 방법중의 하나로 img 태그의 reffer 속성을 조절할 수 있다.
html의 img 태그에 referrpolicy 속성을 통해서 설정한다.
<img src="https://example.com/images/myimage.jpg" alt="Some image" referrerpolicy="no-referrer">referrpolicy 는 이미지를 페치할 때 사용하는 특정 속성이다.
| Value | Description |
| no-referrer | 헤더에 어떠한 정보도 보내지지 않는다. |
| no-referrer-when-downgrade | 디폴트 값. HTTPS가 아니라면 헤더에 정보를 보내지 않는다 |
| origin | 문서의 origin(스키마, 호스트,포트)를 보낸다 |
| origin-when-cross-origin | cross-origin 요청을위해서는 오직 스키마,호스트,포트만 보낸다. 같은 origin이라면 패스도 함께 보낸다. |
| unsafe-url | origin정보를 보낸다 패스와 쿼리스트링을 포함한다. 이 속성은 안전하지 않다. |