프록시 설정하여도 404오류가 뜹니다.

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

노드 리액트 기초 강의 #22 CORS 이슈, Proxy 설정

작성

2.3K

이것은 클라이언트 axios 부분입니다.

 useEffect(() => {
 axios.get(`/api/hello`)
 .then(response => console.log(response.data))
 }, [])

아건서버 index.js 부분입니다.

app.get(`/api/hello`,(req,res) =>{
 res.send("안녕하세요")
})

이것은 프록시 에서의 코드입니다 (저는 서버포트 8000으로햇어요.)
const { createProxyMiddleware } = require('http-proxy-middleware');

module.exports = function(app) {
 app.use(
 '/api',
 createProxyMiddleware({
 target: 'http://localhost:8000',
 changeOrigin: true,
 })
 );
};

그런데

GET http://localhost:3000/api/hello 404 (Not Found)

이런 오류가 뜨네요 

이런 오류와 같이요 

createError.js:16 Uncaught (in promise) Error: Request failed with status code 404
    at createError (createError.js:16)
    at settle (settle.js:17)
  at XMLHttpRequest.onloadend (xhr.js:54)
어떻게 해결하면 좋을까요 ? 

react nodejs

답변 3

록벨

아 확인해보니깐 http-proxy-middleware가 버전업이 되서 쓰는 법이 바뀌었네요 ~!!!
좋은 정보 감사합니다 ~!!!

이것에서

const proxy = require('http-proxy-middleware');

module.exports = function(app) {
app.use(
'/api',
proxy({
target: 'http://localhost:5000',
changeOrigin: true,
})
);
};

이걸로

const { createProxyMiddleware } = require('http-proxy-middleware');

module.exports = function(app) {
app.use(
'/api',
createProxyMiddleware({
target: 'http://localhost:5000',
changeOrigin: true,
})
);
};

바꿔주시면 에러가 없어집니다 ^^

meyou1218

저는 서버 껐다 키니 되었어요..ㅎ 참고요~

김동현

해결하셨나요?

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

프록시 설정하여도 404오류가 뜹니다.