NginX 설치 및 서버 구성

- 서버 구조

EC2 : NginX, Vue, Docker, Jenkins

Docker : SpringBoot, MySQL

 

1) EC2 또는 docker에 Nginx 설치

2) /etc/nginx/sites-available/default 설정파일 수정

server {
        root [dist 폴더를 포함한 경로];
 
        index index.html index.htm index.nginx-debian.html;
 
        server_name [Server DNS];
 
        location / {
                try_files $uri $uri/ /index.html;
        }
 
        location /api {
                proxy_pass [SpringBoot Address];
                charset utf-8;
 
                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;
                proxy_set_header X-NginX-Proxy true;
        }
 
}
 

++ /etc/nginx/nginx.conf에 include /etc/nginx/sites-enabled/*; 추가

 

Vue를 Build한 dist 경로를 설정하면, 80으로 접속 시 NginX에 의해 Vue의 index.html로 연결된다.

 

- HTTPS 설정

Certbot을 이용하여 구성했다. 

참고 페이지 링크

 

- 참고 페이지

https://velog.io/@latte_h/Docker%EC%97%90%EC%84%9C-NginX-%EC%84%A4%EC%B9%98

Docker에서 NginX 설치

https://whatisthenext.tistory.com/123

Nginx 이해하기 및 기본 환경설정 세팅하기

https://velog.io/@kimmjieun/nginx%EC%97%90-SSLHTTPS-%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0

nginx에 SSL(HTTPS) 적용하기

https://velog.io/@yeonii/Nginx%EC%97%90-HTTPS-%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0-Lets-Encrypt

Nginx에 HTTPS 적용하기 - Let's Encrypt