Reverse Proxy 적용하기 - team-irc/tchatong GitHub Wiki

목적

1. 클라이언트에서 직접 백엔드 포트로 접근하는것 막기
2. 내부 네트워크 컨테이너끼리 http 사용하도록

---

과정

1. 리버스 프록시용 컨테이너 추가
   • nginx 설치
   • 이전 프로젝트 Dockefile 참고 (https://github.com/HanGyeolN/ft_services/blob/master/srcs/nginx/Dockerfile)
2. frontend 포트를 80에서 4000으로 변경
3. nginx config 변경
   • https://docs.nginx.com/nginx/admin-guide/web-server/reverse-proxy/
   • /api 는 백엔드 포트로, / 나머지는 프론드 포트로 가도록 설정

nginx 설정시 참고

https://yeowool0217.tistory.com/665

---

발생한 문제

문제: 웹브라우저 콘솔창에서 프론트 서버의 /_next/로 웹소켓 연결시 에러

원인: 리버스 프록시에서 /_next/로 가는 요청에 대한 경로 지정이 안되어 있어서 나는 에러였음

해결: http://nginx.org/en/docs/http/websocket.html