통신 관련 에러(404, proxy)

기존에 프로젝트를 통해 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에 있는 경로를 폴더에 맞게 잘 설정해주셔야 됩니다.

다른 강의들 보면서 모르는 부분을 찾아해맨 적이 너무 많은데 이 강의는 조금만 시간을 들이면 다 해결이 될만큼 설명을 잘해주셔서 감사합니다.

인프런 커뮤니티 질문&답변