Vue 사이트 build & Github Pages로 배포하려면

작업하던 App.vue 파일 그대로 올리는게 아니라

build용 파일을 생성하신 후 올려야 한다.

왜냐고요? 웹브라우저는 HTML CSS JS 이 세개의 언어만 해석할 수 있습니다. 브라우저는 .vue파일그런거 읽을 줄 모름

 

npm run build

Vue 프로젝트 폴더 내에 dist 라는 폴더가 하나 생성된다.

 

깃 허브에 내아이디.github.io 라는 레퍼지토리를 만든다.

 

vue build를 해서 만들어진 작고 소중한 dist폴더 내부의 모든 파일을 넣어준다.

 

이제 10분 뒤 정도면 https://내아이디.github.io 로 들어가면 사이트가 보인다.