[AWS] EC2 Nginx 설치 & react 프로젝트 구동

#1. Nginx 설치

EC2 서버에 접속하여 아래 명령어를 통해 nginx 를 설치한다.

sudo apt install nginx

 

 

#2. 사이트 소스 설정

react 소스를 빌드한 결과는 아래 디렉토리에 위치 해 있다는 가정 하에 진행하도록 하겠다.

먼저 /etc/nginx/sites-available/ 경로에 이 사이트에 대한 설정 파일을 만들어 준다.

cd /etc/nginx/sites-available/
sudo vi fe-cl.conf

내용은 아래처럼 port, location 만 설정하여 심플하게 작성한다.

server {
        listen 80;
        location / {
                root /home/ubuntu/web;
                index index.html;
                try_files $uri $uri/ /index.html;
        }
}

설정 파일을 저장한 후 심볼릭 링크를 통해 sites-enabled에서 접근할 수 있도록 아래 명령어를 수행한다.

sudo ln -s /etc/nginx/sites-available/fe-cl.conf /etc/nginx/sites-enabled/fe-cl.conf

그 후에 /etc/nginx/nginx.conf 파일을 열어서 include 에 아까 작성한 .conf 설정파일을 포함하도록 수정한다.

이제 설정은 모두 완료되었으니, nginx를 시작(재시작) 해준다

sudo service nginx start

nginx 시작(재시작) 후 사이트 접속 해서 500 Error 가 뜬다면? 아래처럼 디렉토리 권한을 수정하면 된다.

sudo chmod 711 /home/ubuntu/

끝.