과거 프로그래밍 자료들/컴퓨터설정&오류
React setProxy 관련 오류 다시 생각하기[아직 해결x]
평부
2022. 5. 20. 23:36
* 문제 원인
* server 포트 : 5000 / client 포트 : 3000
- setProxy.js를 이용해 연결한 상황
- '/api' 설정 이외의 다른 루트로 연결 시 오류 발생
- 예를 들어 '/api' 이외의 '/hello'로 연결하고 싶어 연결하면 get 요청을 할 수 없다고 나옴
- setProxy 관련 블로그 글을 참고했으나 적용 시 오류 발생
-* 오류 상황
- 위의 처럼 여러 루트를 적용하고 싶을 때 적용 시 client에서 오류 발생
//수정 전
const { createProxyMiddleware } = require("http-proxy-middleware");
module.exports = function (app) {
app.use(
"/api",
createProxyMiddleware({
target: "http://localhost:5000",
changeOrigin: true,
})
);
};
//수정 후
const { createProxyMiddleware } = require("http-proxy-middleware");
module.exports = function (app) {
app.use(
createProxyMiddleware(['/api', '/hello']{
target: "http://localhost:5000",
changeOrigin: true,
})
);
};