[api cors오류]

Question

안녕하세요 토이프로젝트로 react를 통해 axios get또는 post방식으로 알라딘 api를 사용해서 데이터를 받아오려고하는데요cors오류가 발생하고 있습니다.알라딘에서 제공하는 apikey를 신청해서 사용하였고, 도메인도 로컬 환경인 http://localhost:3000/를 사용하였습니다. 알라딘에 직접 문의하는 곳은 없어보이는데요 ㅠㅠ 검색을 통해 찾아보면 자료가 1개 정도 나오는데요 express로 서버를 만들어서 접근하는 방식입니다.이렇게 말고 제가하는 방식으로는 접근을 할수가 없는 걸까요? 아니면 제가 무언갈 잘 못사용하고 있는 걸까요?보통 cors는 제가 도메인을 신청하지 않았을때 발생한다고 이해를 하고 있는데요 저는 지금 도메인을 신청하고 apikey를 받은 상태입니다. 제가 사용하는 코드 let APIKEY &#61; process.env.REACT_APP_ALADIN_API_KEY2; const getAladinApi &#61; (keyword) &#61;> { return axios.post(&#34;http://www.aladin.co.kr/ttb/api/ItemSearch.aspx&#34;, { TTBKey: APIKEY, Query: &#34;세금&#34;, }); };오류 내용1 Access to XMLHttpRequest at 'http://www.aladin.co.kr/ttb/api/ItemSearch.aspx' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.2 POST http://www.aladin.co.kr/ttb/api/ItemSearch.aspx net::ERR_FAILED 도와주시면 매우 감사드리겠습니다. ㅠ_ㅠ

범주 · Answer

서버에서 Access-Control-Allow-Origin 헤더를 설정해줘야합니다. 보통 오픈된 api들은 저 세팅을 하는곳이 있거든요. 한번 찾아보세요. 만약 없다면 프록시 하셔야되요

[api cors오류]

1개의 답변

Q&A 목록