카카오 api Unauthorized 문제 해결, Referer-Policy

카카오 api Unauthorized 문제 해결, Referer-Policy

 

제가 운영중인 서비스는 카카오api를 통해 주소 검색 기능을 사용합니다. 그런데 어느 순간 아래 와 같은 에러가 발생하며 Explore를 제외한 브라우저에서 주소 검색 기능 사용이 불가능하게 됐습니다.

 

 

원인

브라우저별로 Referer-Policy 가 달라서 발생한 일이었습니다.

즉, 일부 브라우저에서 api를 호출하는데 api 서버에서 인증이 이루어지지 않아서 값을 가져오지 못한겁니다!

카카오 api는 Referer-Policy "no-referrer" 이거나 "strict-origin"이면 사용이 불가능하다고합니다.

 

그런데 브라우저들의 기본 Referer-Policy를 보면 버전이 올라갈수록 대부분 "strict-origin"를 사용하는 걸 볼 수 있습니다.

그래서 Explorer만 정상적으로 작동했던 겁니다.

 

Referer-Policy에 대한 더 자세한 내용은 아래 링크에 정리했습니다.

scshim.tistory.com/entry/Referer-Policy이란

 

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Referrer-Policy

해결

html 헤더에 아래 코드를 추가합니다.

 

<meta name="referrer" content="unsafe-url" />