프로젝트_v10 AWS에 작업물 업로드 + Nginx 연동

준비물

Front-end 파일 (빌드된것) 

Back-end 파일

AWS Nginx 까지 띄운 것

Putty (원격접속)

 

환경

Window 10

 

 

1. Front-end Build

 

npm run build

빌드가 끝난 후 dist 폴더가 만들어졌는지 확인해주세요

 

2. 압축도 해줍니다.

이쁘게 압축

 

3. 자신의 EC2 에 파일을 전송합니다.

pscp -i C:\path\my-key-pair.ppk C:\path\Sample_file.txt ec2-user@public_dns:/home/ec2-user/Sample_file.txt

 

참조 : https://docs.aws.amazon.com/ko_kr/AWSEC2/latest/UserGuide/putty.html

 

4. 확인하기 !

제 EC2 에 잘 들어가있습니다.

5. 압축 해제

 

unzip vue-project.zip

(사진은 생략)

 

6. Nginx 설정 바꾸기

nginx 설정 경로

 

sudo vi nginx.conf 를 해줘야 수정이 됩니다.

/home/ec2-user/dist<- 요 경로를 넣으셔야합니다.

 

완료 후 restart 를 해줍니다.

 

7. 완성