Vue.js 빌드 파일 배포하기

Vue 소스 : https://github.com/minhee231/X-BestJPG-Collection

Vue.js로 빌드된 dist라는 파일을 배포를 위해 EC2에 업로드 해야 합니다.

 

빌드된 파일이 제 로컬환경에 있으니 scp라는 명령어로 EC2에 보내줄 겁니다.

 

scp -i {pem키 경로} -r {빌드 파일 경로} ec2-user@{public IP}:/home/ec2-user

 

예시

scp -i C:\Users\goomi\Downloads\X-best-Key.pem -r ./dist ec2-user@15.165.158.177:/home/ec2-user

 

 

위 명령어를 통해 EC2에 파일을 보내줬습니다.

파일이 정상적으로 도착했습니다.

 

 

웹 서버 배포를 아파치로 진행할꺼기 때문에 아파치를 설치해 줍니다.

 

sudo yum install httpd -y

 

빌드 파일들을 아파치 디렉토리로 이동 시켜줄껍니다.

 

 

 

mv dist/* /var/www/html

 

위 명령어로 빌드 파일을 이동시킵니다.

 

cd /var/www/html

ls

 

아파치 디렉토리로 이동한 후 ls 명령어로 파일이 잘 이동되었는지 확인해줍니다.

 

 

systemctl enable --now httpd

 

위 명령어로 아파치 서버를 실행시켜줍니다.

 

 

이제 EC2의 아이피로 접속을 하면 웹 페이지가 잘 뜨게 됩니다.