[FE] 공공 api를 ajax로 가져오는데 cors를 어떻게 해결해야 할지 모르겠습니다..

Question

안녕하세요. CORS 관련한 문제는 백엔드에서 어노테이션 추가로 간단히 해결할 수 있는건 알고있습니다만...이번에 제가 만들고 있는거는 백엔드에 의존하지 않고 오직 html&#43;css&#43;js 를 이용해서 단순한 웹애플리케이션을 만들고 있습니다.공공데이터 홈페이지에서 가입 후 키를 받고 ajax로 받아오려고 하고 있었습니다만, cors 문제가 제 길을 가로막고 있네요...백엔드단 없이 구축하려고 할 때 cors 문제를 해결하려고 하는게 너무 어렵네요.. 다른 사람들에게도 공유하려고 해서 브라우저 만으로 cors disable 같은 문구 추가로만은 부족하다고 생각이 듭니다.일단 구글링 해서 프론트엔드만으로 cors 문제를 해결할 수 있는 것들이cors-anywhere 프록시jsonp정도 찾았는데 1번 2번 해도 여전히 계속 cors 문제가 발생하네요...어떻게 해야 해결할 수 있을까요..?? ㅜㅜ그냥 vsc에서 바닐라js &#43; jquery를 이용하고 있습니다.

하얀뼈 · Answer

cors는 도메인이 다를 때도 뜨지만, api에서 요구하고 있는 header 정보가 다를때도 뜹니다. 공공데이터 스펙을 잘 보세요. 반드시 허용한 도메인이나 허용한 header가 있을겁니다.

カワウソ · Answer

도커를 사용한다면 Nginx로 쉽게 CORS용 프록시 서버를 구성할 수 있을 것 같습니다.

뎅이 · Answer

입장을 반대로 생각해 보죠. 내가 API를 제공하는 상황이라면,요청이 들어오는 origin을 등록해서 제공하는 경우 <- 이렇게 제공하는 곳도 있습니다. 확인이 필요합니다.그런적이 없고 key만 발급한 경우 -> 이럴때는 allow-origin이 * 로 되어 있게 됩니다.그리고 허용되었는지는 key로 판별하겠죠.allow-header는 특별히 지정하지 않았다면 문제될게 없습니다.추가 header가 있다면 제공된 api 에서 알아서 주입했겠죠.혹시나 ajax에서 header를 추가 넣었을 경우 -> 이때는 allow-header가 아니면 차단됩니다.jsonp 방식 ajax를 사용하지 않기 때문에 cors 를 피해가는 전통적인 방법입니다만open API가 그런 방식을 취했을리가 없습니다.allow-method는 get이던 post던 스팩에 있을겁니다.어떤 에러인지는 개발자 콘솔에 찍혀 있을 겁니다. 영어로요.

[FE] 공공 api를 ajax로 가져오는데 cors를 어떻게 해결해야 할지 모르겠습니다..

3개의 답변

Q&A 목록