HTTP 요청 헤더의 Referer에 대해 알아보겠습니다
Referer
Referer 요청 헤더
- 현재 요청을 보낸 페이지의 절대 혹은 부분 주소를 포함
- 사람들이 어디로부터 와서 방문하는지 파악
- 해당 데이터는 분석, 로딩, 캐싱 최적화 등에 사용
- 오리진, 경로, 쿼리 문자열 포함할 수 있음
- 프래그먼트, 사용자 정보는 포함되지 않음
- referrer의 잘못된 철자
링크를 타고 들어온 경우
- 해당 링크를 포함하고 있는 페이지의 주소 포함
다른 도메인에 리소스 요청을 보내는 경우
- 해당 리소스를 사용하는 페이지의 주소 포함
문법
1
Referer: <url>
예시
1
2
3
Referer: https://developer.mozilla.org/ko/docs/Web/JavaScript
Referer: https://example.com/page?q=123
Referer: https://example.com/
- 프래그먼트
#section은 포함할 수 없음 - 사용자 정보
"username: password"는 포함할 수 없음
자바스크립트로 Referer 정보 가져오기
1
console.log(document.referrer);