Nginx 다중 포트 연결

Nginx를 활용하서 리액트 배포하기로 했다. 

현재 Nginx로 다른 한 서비스가 운영되고 있는 상태이고, 거기다 추가적으로 하나를 더 올릴려고 한다. 

 

먼저 나는 AWS-EC2[Linux] 환경에서 미리 기본적으로 깔려진 Nginx을 사용하였다. 

Nginx의 위치는  /etc/nginx 로 되어있다. 

 

nginx에 여러 포트를 설정해주기 위해 주 설정파일은 nginx.conf파일이다. 이 곳에다가 서버 포트설정을 올려주면 된다. 나는 직접적으로 코드를 넣어주는 방식보다, 하나의 디렉토리를 생성하여 import 시켜주는 방식으로 하였다. 

 

1. /etc/nginx 이동

2. mkdir sites-enabled<<make directory>> 

3. vi testServer.conf

 

 server { # 1차 라우팅
        listen 1234; # 포트번호
        location /{   # 2차 라우팅

          root /home/ec2-user/build/react/dist; # root 폴더 지정 - 프로젝트 위치
          index index.html index.html; # 인덱스 파일 지정
          try_files $uri $uri/ /index.html; # 인덱스 제외하고, 그 외 페이지를 찾을 수 없는 오류가 발생하므로 예외적 코드 추가

        }
        location = 50x.html {
                root /usr/share/nginx/html;
        }
}

 

4. 위 경로를 nginx.conf파일에 import 시켜준다. 

5. service nginx restart를 통해 실행시켜준다. 

 

 

---

이때 포트를 1234로 지정하였으면

aws-보안정책-인바운드에서 포트를 열어줘야한다 

포트확인 방법은 

netstat -ano