서버쪽 에러였는데,..
Proxy error: Could not proxy request /loginProc.do from localhost:81 to http://localhost:8080. See
https://nodejs.org/api/errors.html#errors_common_system_errors
for more information (ECONNREFUSED). Proxy error: Could not proxy request /loginProc.do from localhost:81 to http://localhost:8080. See
https://nodejs.org/api/errors.html#errors_common_system_errors
for more information (ECONNREFUSED). Proxy error: Could not proxy request /loginProc.do from localhost:81 to http://localhost:8080. See
https://nodejs.org/api/errors.html#errors_common_system_errors
for more information (ECONNREFUSED). Proxy error: Could not proxy request /.well-known/appspecific/com.chrome.devtools.json from localhost:81 to http://localhost:8080. See
https://nodejs.org/api/errors.html#errors_common_system_errors
for more information (ECONNREFUSED).
프론트엔드가 http://localhost:8080 으로 요청을 보내고 있다
문제 요약:
- 프론트엔드(포트 81) → 백엔드(포트 8080)으로 프록시 시도 중
- 하지만 백엔드가 8080에서 실행되고 있지 않아 ECONNREFUSED 발생
✅ 1. 확인할 것: 백엔드 실제 포트
Spring 서버 로그를 보면 이렇게 나와 있었죠:
[http-nio-80-exec-1] ... DispatcherServlet 초기화
→ 서버는 현재 80번 포트에서 실행 중
✅ 2. 해결 방법: 프록시 대상 포트를 8080 → 80으로 변경해야 함
프론트엔드 프로젝트 안에 setupProxy.js 또는 vite.config.js, 혹은 vue.config.js 같은 프록시 설정 확인
const { createProxyMiddleware } = require('http-proxy-middleware');
module.exports = function (app) {
app.use(
'/loginProc.do',
createProxyMiddleware({
target: 'http://localhost:80', // ✅ 여기를 8080 → 80 으로
changeOrigin: true,
})
);
};
✅ 3. 프론트엔드 dev 서버 포트도 확인하세요
Proxy error: Could not proxy request /loginProc.do from localhost:81 to http://localhost:8080.
내 에러 로그는 여전히 프론트엔드가 http://localhost:8080 으로 요청을 보내고 있다는 걸 보여준다.
프론트는 81번 포트에 있고, 백엔드는 80번 포트여도 무방함.
단, 프록시 대상만 정확히 80으로 맞추면 해결된다.
React (setupProxy.js)
Proxy error: Could not proxy request /xxx.do from <프론트 주소> to <프록시 대상 주소>. (ECONNREFUSED)
이 형식에서:
- from은 프론트엔드 실행 주소
- to는 프록시 설정에서 설정한 목표 서버 주소 (백엔드)
- ECONNREFUSED는 목표 서버에 연결 실패를 의미
프론트앤드에
8080이었던 포트 번호를 80으로 바꿔서 해결됐다.