[Nginx] reverse proxy 설정 및 리엑트 정적 파일 배포 방법

서버PC에서 localhost로 WAS가 8080 포트에서 기동 중일 경우,
/etc/nginx/sites-available/default 파일에 아래와 같이 정보가 작성되어 있으면 된다.
서버 포트 사용에 제약이 있어서 80포트 /api로 오는 요청을 아래와 같이 리버스 프록싱으로 전달한다.

server {
    listen 80 default_server;
    listen [::]:80 default_server;

    server_name _;

    root /var/www/html;
    index index.html index.htm index.nginx-debian.html;


    location / {
        root /etc/nginx/site-html/build; #리액트 정적 파일이 위치한 경로 <-이 부분은 직접 만듦
        index index.html ;
        try_files $uri $uri/ /index.html; # 새로고침시 404 에러 발생을 막는 옵션
    }

    location /api {
        client_max_body_size 20M; #WAS에 이미지를 처리할 경우 WAS의 설정값과 동일하게 설정해두기.
        proxy_pass http://localhost:8080/api; #80포트 /api로 요청이 올 경우 8080/api로 전달
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
    }
}

설정이 완료되었다면

sudo systemctl restart nginx.service

이후

sudo systemctl status nginx.service