Vue + SpringBoot 개발 환경에서 서버만 IPv4 로 바꾸니 proxy 에러..

Vue 와 SpringBoot 를 FrontEnd 와 BackEnd 로

두 개의 port 를 구성한 개발환경에서..

Vue 는 5173 에서 https 를 사용하고,

SpringBoot 는 443 에서 https 를 사용.

vite.config.js 에서 proxy 등록하여

/api 는 443 포트의 https://localhost 를 바라보게 되어 있음.

 

테스트를 잘 하다가, 서버쪽에서 IP 를 찍어보니 IPv6 로 찍히고 있어서..

IPv4 세팅을 위해 "-Djava.net.preferIPv4Stack=true" 적용.

5173 포트 화면에서 443 포트를 호출하는

proxy 경로를 호출하자 에러... ㅠ.

IPv6 로 되돌리자 정상 작동..

그래도, IPv4 가 아직은 유용하니 포기 못하고..

 

FrontEnd 쪽 package.json 의 scripts 에

"dev" : "vite" 를

"dev" : "vite --host" 로 해 보라는 글이 있는데..

이건 아님.

 

그 외에도 이것저것 해 보라 하여 따라 해 보았으나,

결과는 역시나 proxy 가 작동하지 않음.

 

구글링 하다 보니,

Node.js 버전이 18.x 인데 20.x 로 올리니 된다는 글이 나옴.

확인해 보니 개발환경의 Node.js 가 v18.18. (아, 욕 한거 아님요)

 

Node.js 사이트 둘러보니 20.9 LTS.

간만에 윈도우 재시작 하고 설치한 다음,

실행해 보니.. 헐.. proxy 호출이 잘 되네.

 

.Fine.