Azure 공부하기(2) - 사이드 프로젝트 배포하기

BM1201·2024년 9월 12일

Azure

목록 보기

2/5

프로젝트 정보

소개
축구 풋살팀 홈페이지
개발환경
Front - React, TypeScript
DevOps - Nginx

프로젝트 배포하기

1. Nginx 설치하기

apt-get update
apt-get install nginx

위의 명령어를 입력하게 되면 nginx가 설치가 되는데 사용자 계정으로 로그인을하여 apt-get update 명령어를 입력할 때 권한에러가 발생할 수 있다.

이런 경우에는 root 계정으로 변경 후에 진행을 해야하는데 root 계정 비밀번호를 모른다면 아래의 명령어를 통해 비밀번호를 재설정하고 진행하면 됩니다.

sudo passwd root

2. nginx.conf 파일 설정

nginx.conf 파일(nginx.conf 파일 설정)을 아래와 같이 설정하였고 80포트에 포워딩 하였습니다.

user bm941201;
worker_processes auto;

events {
    worker_connections 1024;
}

http {
    include       /etc/nginx/mime.types;
    default_type  application/octet-stream;

    sendfile        on;
    keepalive_timeout  65;
    gzip  on;

    server {
        listen       80;
        server_name  fc-verano;

        error_log    /home/bm941201/install/logs/error.log;
        access_log   /home/bm941201/install/logs/access.log;

        location / {
            root   /home/bm941201/install/dist;
            index  index.html;
            try_files $uri /index.html;
        }
    }
}