React에서 오픈API 사용 시 CORS 에러

22.10.12 23:27 작성 조회수 438

0

안녕하세요.

과제로 공공데이터 오픈API를 사용해서 웹을 하나 만들게 되었습니다.

api에서 자료를 받아오는 과정에서 cors에러가 발생해 해결하려다가 결국 혼자서 해결이 안되어 질문 드립니다.

 

  1. package.json에 { ... "proxy": "http://openapi.molit.go.kr" ... }를 작성하고 실행했을 때

    error code.PNG이런 에러코드가 발생하며 npm start가 진행되지 않습니다.

  2. 터미널에서 npm install http-proxy-middleware 설치 후

    /src/setupProxy.js file 생성, 다음과 같이 코드 작성

    error.PNGnpm start 시 접속이 불가능

    error2.PNG

도대체 어떻게 해야 cors에러를 해결가능할까요...

아무리 찾아봐도 이 두가지 방법밖에 안나오는데 두가지 다 적용이 안되니 답답해 죽겠습니다..

답변 0

답변을 작성해보세요.

답변을 기다리고 있는 질문이에요.
첫번째 답변을 남겨보세요!