강의

멘토링

커뮤니티

Cộng đồng Hỏi & Đáp của Inflearn

Hình ảnh hồ sơ của corepen
corepen

câu hỏi đã được viết

Chuỗi Node và React để học theo - Bài giảng cơ bản

Bài giảng cơ bản về Node React #22 Vấn đề CORS, Cài đặt proxy

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

Viết

·

2.6K

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)
어떻게 해결하면 좋을까요 ?
reactnodejs

Câu trả lời 3

8

아 확인해보니깐     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

해결하셨나요?

Hình ảnh hồ sơ của corepen
corepen

câu hỏi đã được viết

Đặt câu hỏi