inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

726

장준수

작성한 질문수 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

커리큘럼 문서 제공받을 수 있을까요?

0

9

0

ThemeProvider를 이용해서 NextThemeProvider를 따로 생성하여 Layout.tsx에 적용하는 이유는 뭘까요?

0

8

1

mission 09-01 을 수행할 수 없어요

0

16

1

outputStyle 설정하는데 어디서 문제일까요?

0

10

2

test.txt파일 삭제시 rm명령어이니 클로드의 질문이 있어야 한다고 하셨는데

0

7

1

검은화면

0

14

2

강의교환링크안열려요.....

0

14

1

영상재생에러 [확인부탁드려요!!!]

0

14

1

클로드 채팅에서 코드로 넘어가기

0

23

1

Context API vs Zustand 그리고 Auth

0

25

2

110강부터 따라가기가 힘듭니다...

0

45

1

커서에서 붙여넣기

0

27

1

깃허브 사용시 폴더경로 관련질문

0

20

1

[reducer] 기능별 폴더 구조 설계/ 파일 분리로 유지 보수 가능한 아키텍처 구축

0

20

2

순수 함수 / 순수 컴포넌트

0

18

1

스니펫이 이상해요

0

31

2

/output-style 명령어는 폐기 되었다고 나오네요.

0

37

1

프롬프트 작성시 html, css, javascript

0

31

1

Editor Component의 최적화 불가능 이슈

0

37

2

Cursor 창이 수업 내용과 달라요.

0

35

2

Supabase MCP 관련 질문입니다

0

36

1

에러핸들링- rootlayout에 관하여

0

29

2

useCallback ⊂ useMemo

0

34

2

강의 내용 누락

0

24

0