Vue와 Nest.js를 사용하여 redis, nginx, docker로 crud 만들기 - 5

웹서버 nignx 적용 이전 글: https://nibble2.tistory.com/78

Vue와 Nest.js를 사용하여 redis, nginx, docker로 crud 만들기 - 4

기본적인 front와 backend가 다 구성됐다.
마지막 단계인 nginx를 이용하여 로드밸런싱을 해줘야한다.
이거는 내가 구현한 거라 코드를 올리려 한다.

현재까지 된 것
- front, backend, redis 이미지 만들기

해야하는 것
- 로드밸런싱 할 Nginx 이미지를 만들기
- 지금까지 만든 nginx, front, backend, redis 

 

 

먼저 nginx 폴더 하나를 만든 후 default.conf파일을 작성한다

 

docker-compose.yml 파일을 작성한다.
nginx 밑에 있는 volumes는 `내가 작성한 default.conf`파일과 nginx에 컨테이너 안에 있는 conf.d 파일에 덮어씌우겠다는 말이다.

frontend, backend는 각각 내가 만들어둔 나의 코드들의 이미지다.
redis는 여기서 도커 허브에 있는 이미지를 사용해서 컨테이너를 띄우는데 redis 설정할 때 host를 redis 이미지로 하는 것을 강조했다.

 

마지막 설정까지 하고 docker-compose --build 명령어를 입력하면 localhost:80 포트로 접속하면 된다!