EIF - 카카오 맵 API 라이브러리 사용시 크롬에서만 cors 에러 발생

성훈·2021년 10월 27일
1

Error I Faced

목록 보기
6/14
post-thumbnail

ERROR


프로젝트 진행중 카카오 맵 API의 라이브러리를 사용하는데 크롬 브라우저에서만 cors 에러가 발생하는 현상.

Redirect is not allowed for a preflight request.

애초에 애초에 키값 잘 넣어서 카카오 맵은 잘 불러오는데, 라이브러리 중 Geocoder의 응답만 에러가 발생했다.

카카오 맵에서도 cors에러가 발생했으면 내가 뭘 잘못했구나, 뭐가 문젤까, 이런 고민이라도 해볼텐데, 카카오 맵은 잘 불러와지고, 같은 키를 사용하는 라이브러리는 cors에러가 발생한다 ? 미치고 팔짝 뛰는거다.

그런데 심지어 크롬에서만 안돼, 사파리에서는 정상적인 응답을 받는 것을 확인했다.

사파리에선 정상적인 응답을 받는다.

버거형님 답변에는 크롬 cors 옵션을 꺼봐라 뭐 해봐라 이런 저런 조언들을 해주셨던데, 그건 꺼림직해서 하진 않았고 다른 방법들을 열심히 찾아봤다.

찾다보니 카카오 개발자 포럼에서 누군가 똑같은 질문한 것을 찾았다.
그런데 카카오 개발자 측에서 우린 문제 없는데 이상하네요. 라고 답변단 것 이후로 댓글이 없는걸 보고 어지러워서 잠시 내려놓고 헬스장을 갔다.

Solution

그런데 번득드는 생각, 익스텐션이나 쿠키 문젠가?

왜 빨리 생각 못했을까 자책하며 집으로 날라가서 시크릿 모드로 켜보니 응답이 정상적으로 돌아왔다.

익스텐션을 전부 끄고 해봤는데도 에러가 발생해서 쿠키 및 임시데이터를 싹 밀고 다시 해보니, 정상적으로 응답을 받는다 🥲

Conclusion

크롬에서만 응답이 이상하고 다른 브라우저에선 정상적으로 응답을 받는다면
크롬 보안 설정 끄기 전에 속는 셈치고 쿠키 및 인터넷 임시데이터를 밀어보시라.

자동로그인 풀리는게 싫어서 끝까지 미뤘는데 결국 삭제해보니 해결

profile
어떻게 이걸 풀어낼 수 있을까

0개의 댓글