리액트 배포시 ERR_CONNECTION_REFUSED 해결방법 (with nginx)

Question

안녕하십니까 클릭해 주셔서 감사합니다.저는 gcp에서 vm을 구축하였고, springboot, react를 통해 배포를 완료하였습니다.그리고 외부에서 접속할 수 있도록 nginx를 이용하여 기본적인 설정(도메인 또는 public ip의 80포트 입력시 localhost:3000(리액트)로 이동 처리 까지 완료는 하였습니다.다만 제가 react로 개발을 하면서 서버 호출시 url 을 http://localhost:8080/... 이렇게 처리를 했습니다. 그래서 배포 후에 서버에 브라우저에서 서버로 호출하는 로직이 전부 ERR_CONNECTION_REFUSED가 뜨는 상황입니다.원인은 호출하는 사용자의 PC에서 was가 있는 것이 아니니까 실제로 local에서 하는 것 처럼(spring boot의 내장 톰캣) 처리 될 수 없다는 것은 알겠습니다. 그렇다면 이 상황에서 해결방법은 리액트에서 서버로 호출하는 url에서 http://localhost:8080을 제외하는 것이 맞는것인가요? 아니면 nginx에 어떤 설정을 추가하여 해결할 수 있는건가요? (실제로 호출하는 http://localhost:8080제외 하니 처리가 되는것은 확인하였습니다.)

kenu,전독시 · Answer

CRA 또는 VITE 의 환경변수를 이용해야 됩니다.https://m.blog.naver.com/legend25/222033372402https://js-web.tistory.com/32

하얀뼈 · Answer

localhost 말고 아이피를 직접 박아보세요 예를 들면 10.110.250.111:8080 이런 식으로...

리액트 배포시 ERR_CONNECTION_REFUSED 해결방법 (with nginx)

2개의 답변

Q&A 목록