[React] 카카오맵 vercel 배포시 cors 해결법(kakao map with vercel)

카카오맵을 사용하는 도중 다음과 같이 401에러가 발생하였다.

 

콘솔 로그

네트워크 로그

이유를 알아보니까 proxy에러도 뭐도 아닌 그냥 간단한 이슈였다...

시간많이썼는데이리도간단한문제였다니...

카카오 맵 api의 도메인을 그냥 localhost로만 해둬서 그런 것이였다.

 

사이트 도메인을 추가함으로써 정상적으로 돌아왔다.

 

아래의 링크에서 내 어플리케이션 들어가고, 플랫폼에서 web의 도메인을 수정하면 된다.

https://developers.kakao.com/console/app 

카카오계정