AWS EC2/Ubuntu/Nginx로 Vue 배포하기

유지원·2022년 1월 7일
0

vue

목록 보기
1/1

1. EC2 생성.

0) EC2 > 인스턴스 시작.

1) AMI 선택. - Ubuntu Server

2) 인스턴스 유형 선택. - t2.micro

3) 기타 정보 입력 후 생성.

2. 로그밸런싱.

1) 대상 그룹 생성. - 1에서 생성한 EC2 연결.

2) 로드밸런서 생성. - 1)에서 생성한 대상 그룹 연결.

3) 로드밸런서의 리스터 80포트 정보 변경.

3. 라우팅.

1) Route53 > 레코드 생성. - 트래픽 라우팅 대상에 ALB에 대한 별칭 선택.

4. XShell로 Ubuntu 접속.

1) 호스트(H)에는 EC2의 프라이빗 IPv4 주소 입력.

2) pem 키파일 등록.

2-1) 만약 암호를 모르겠다면? - 키 파일 선택 > 등록 정보 > 암호 변경.

5. Ubuntu에 Nginx 설치 후 설정.

sudo apt-get update           // apt-get의 새로운 버전이 있는지 확인
sudo apt-get upgrade          // apt-get를 새로운 버전으로 upgrade
sudo apt-get install nginx    // nginx 설치

apt는 Ubuntu의 package manager라고 생각하면 됨.
vue의 npm 같은 존재.

1) sudo apt-get install nginx 명령어로 Nginx 설치.

2) sudo service nginx status 명령어로 Nginx status 확인.

3) 브라우저 주소창에 DNS 입력하여 확인.

3-1) 만약 안된다면? - AWS EC2의 인바운드 규칙 편집. (SSH, HTTP, HTTPS)

4) sudo vim /etc/nginx/sites-available/default 명령어로 Nginx default 파일 수정.

5) sudo service nginx restart 로 nginx를 다시 실행시켜 변경한 설정 반영.

6. Vue 배포.

1) ubuntu /var/www/html 디렉토리에 vue 프로젝트 build 결과물 (dist디렉토리 밑) 옮기기.

1-1) 권한 문제로 옮겨지지 않는다면?

  • sudo chown -R ubuntu /var/www 명령어로 www 폴더 하위의 서브폴더와 모든 파일까지 한번에 소유자 변경.


2) 사용하지 않는 'index.nginx-debian.html' 파일 제거.

profile
👋 https://github.com/ujw0712

0개의 댓글