GCP20 :: Google Cloud Compute Engine 이용해서 Vue.js 배포하기(Nginx)

우선 vue project에서 

npm run build

수행하자! 

dist 생성

서버를 하나 만들어줬다. GCP에서 Compute Engine 을 다음 스펙으로 만들었다.

ssh 로 접속해서

rsa keygen 생성한것을 등록해준다. 

2020/08/21 - [Cloud] - bigQuery에서 pub/sub 으로 불러오고, compute engine 에 올려서 event stream 수행하기-1

 

 

접속이 끝나면

sudo apt-get install nginx

nginx를 설치하자

version을 확인할 수 있다.

ftp로 파일 전송할 폴더를 하나 만들고

filezilla를 다운받았습니다.

다운받는경로 : https://filezilla.kr.uptodown.com/mac/download

 

filezilla 이용할때는 Putty도 함께 사용해야 합니다. mac에 putty 까는게 없네...

어찌저찌 옮겼다. (사실 git 으로 옮겼다.. !)

 

 

 

cd /etc/nginx/sites-available
ls #default 있었다.
vi default

dist 경로를 설정합니다. (pwd dist 위치로)

 

location 은 기본 설정으로 해두었는데 vue-router 부분에서 권장하는게 있어서 작성해봅니다.

https://router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations

(혹시 안되면.. 돌아와서 수정해야지)

 

또, vi editor 에서 readonly 가 존재하는것에 대해서 

sudo vi [파일이름]
w! #저장 방법

처리했다.

sudo nginx -t #문법 체크
sudo systemctl restart nginx

*systemctl : systemd 를 사용하기 위해서 가장 많이 사용할 명령입니다.

배포완료