inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의

노드 리액트 기초 강의 #22 CORS 이슈, Proxy 설정

통신 관련 에러(404, proxy)

522

손서연

작성한 질문수 11

1

기존에 프로젝트를 통해 ajax와 axios를 써봤음에도 cors에러가 잡히지 않아 당황했습니다.
 
게시판에 올려주신 분들 정보를 참고는 하되, 무작정 다 복붙하시면 안됩니다. 저 역시 또 다른 에러가 생겨 최대한 공식문서를 살펴보고 하니 해결이 됐습니다.
우선
const { createProxyMiddleware } = require('http-proxy-middleware');

module.exports = function(app) {
app.use(
'/api',
createProxyMiddleware({
target: 'http://localhost:5000',
changeOrigin: true,
}) );
};
이 부분에서 영상과 다른 점이 있는데, 이것은 강의 url에 있는 docs에 있는 예제를 따라하는 것이 맞습니다.
 
어디가 문제인지 콘솔로 확인하는게 어렵다면, 우선 백엔드쪽 서버에 보낸 response가 html로 들어오는지 확인(localhost:5000/api/hello 가 되겠죠)-> 만약 잘 들어온다면 프론트 단(client)에서만 수정을 해주시면 됩니다.
 
또한package.json에 있는 경로를 폴더에 맞게 잘 설정해주셔야 됩니다.
 
다른 강의들 보면서 모르는 부분을 찾아해맨 적이 너무 많은데 이 강의는 조금만 시간을 들이면 다 해결이 될만큼 설명을 잘해주셔서 감사합니다.
 

nodejs react

답변 0

깃 이메일이랑 비번이 필요하다고 하네요

0

36

1

404 에러

0

103

1

34강 인증 체크에서 element 사용 때문에 에러나시는 분들 이렇게 하심 됩니다.

0

121

1

로그인, 로그아웃, 토근 작동 안 함

0

240

0

9강 오류 어떻게 해결하나요?

0

195

1

localhost 에서 연결을 거부했습니다.

0

1927

4

포스트맨에서 true가 안떠요

0

151

1

왜 안되나요

0

130

1

몽고db 연결 오류가 납니다 위에껀 입력한 코드, 아래껀 터미널이에요

0

243

1

로그아웃 401 에러(Unauthorized)

0

505

2

암호가 해싱되지 않고 입력값 그대로 db에 저장되는 문제

0

150

1

7강중에서

0

163

2

User.findByToken is not a function

0

212

1

루트 디렉토리

0

272

1

useState

0

561

1

프록시 잘 설정했는데도 404 오류 뜨는 분들

5

875

6

webpack 관련 에러 질문

0

220

1

리액트 관련 질문

0

273

1

14강 로그아웃 안됨

0

319

1

mongoDB 데이터 확인하는 법

0

411

1

postman 에러

0

292

1

선생님 리덕스를 사용하면 어떠한 부분이 좋은지 알 수 있을까요?

0

235

1

다음과 같은 에러들이 발생합니다.

0

274

1

14강 로그아웃 기능 구현시 postman에서 Cannot POST 오류가 뜹니다.

0

380

1