[API] 카카오maps API 목록으로 표출하기 오류

 

Kakao maps API 오류잡기

 

↓ 카카오맵 API 사용 설명 링크 ↓
https://rebornbb.tistory.com/entry/API-%EC%B9%B4%EC%B9%B4%EC%98%A4maps-API-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0

 

---

 

 

카카오maps API 샘플 사용 중  (https://apis.map.kakao.com/web/sample/keywordList/)

키워드로 장소검색하고 목록으로 표출하기 에서

지도는 출력이 되나, 목록만 출력되지않는 오류가 발생했다.

 

동일한 코드임에도데스크탑에서는 잘되는 API 라이브러리 서비스가

노트북에서만 출력이 되지않으니 이해가 되지않았다

 

 

<script type="text/javascript" src="https://dapi.kakao.com/v2/maps/sdk.js?appkey=발급받은 APP KEY를 넣으시면 됩니다.&libraries=services"></script>

 

우선 크롬 개발자도구에서 콘솔에러를 확인했다.

아래와 같은 에러가 떴다.

Access to XMLHttpRequest at 'http://dapi.kakao.com/v2/local/search/keyword.json?query=%EC%9D%B4%ED%83%9C&page=1&size=15' from origin 'http://localhost:8080' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: Redirect is not allowed for a preflight request. dapi.kakao.com/v2/local/search/keyword.json?query=%EC%9D%B4%ED%83%9C&page=1&size=15:1 Failed to load resource: net::ERR_FAILED

 

 

 

에러를 검색해보니 문제의 문의글 발견 !

https://devtalk.kakao.com/t/api/120733?u=lea.ju 

카카오 지도 API 질문드립니다

 

 

 

문의글 작성자는 엣지에서 열린다는데.. 

확인해보니 엣지에서는 목록이 잘 출력되는 것을 확인;

 

 

 

브라우저에서 캐시삭제 후 정상작동된다는 해결 답변이 있었다.

크롬 캐시 삭제 후 다시 실행해보니 정상 작동!

 

 

 

크롬캐시삭제 방법 :

 https://support.google.com/accounts/answer/32050?hl=ko&co=GENIE.Platform%3DDesktop 

캐시 및 쿠키 삭제 - 컴퓨터 - Google 계정 고객센터