-
카테고리
-
세부 분야
풀스택
-
해결 여부
미해결
프록시 설정하여도 404오류가 뜹니다.
21.09.06 09:48 작성 조회수 1.67k
0
이것은 클라이언트 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)
어떻게 해결하면 좋을까요 ?
답변을 작성해보세요.
8
록벨
2021.11.16
아 확인해보니깐 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,
})
);
};
바꿔주시면 에러가 없어집니다 ^^
0
0
답변 3