inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

723

장준수

작성한 질문수 1

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에러를 해결가능할까요...

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

react cors api

답변 0

Auto-memory 기능

0

7

0

55강 7분56초

0

5

0

55강 git 초기화 관련 질문이요

0

7

1

클로드 코드에 붙여넣기후 편집 관련 질문입니다!

0

12

1

존재하지 않는 일기 url입력 시 alert이 두 번 떠요

0

17

1

윈 터미널의 클로드와 에디터의 터미널의 클로드에 관한 질문

0

12

1

output-styles 명령어 없어 지지 않았나요?

0

14

1

[MISSION 7] 프로필 웹 Github 링크 제출하기 관련..

0

21

0

커서 클로드 코드 검색창 검색 시

0

17

1

/init 초기화 이유

0

25

1

Git commit 관련 질문

0

21

1

Powershell은 시스템관리자가 앱을 차단

1

20

1

/plan open 관련 질문 39강 5분 36초

0

21

1

39강 루트 용어 질문

0

18

1

디렉토리 위치 바탕화면

0

21

2

[55강] git init 명령어 안내 혼란

0

30

1

61강 모듈형 규칙 10분06초

0

23

2

Mission 7 부터 어렵네요.

0

35

2

교재(3쇄)와 강의 내용 문의

0

28

2

plan mode 관련 질문 드립니다.

0

33

2

rules 파일 관련 질문입니다!

0

45

2

51강 7분 custom 스타일 질문

0

32

1

모델 차이 궁금증

0

30

3

settings.json 파일

0

33

2