[vue] vue build 후 빌드파일 실행하기

npm run build

@vue/cli 에서 위 명령어로 

뷰 프로젝트를 빌드하면

아래와 같은 폴더가 나온다 (dist)

 

이 인덱스 파일을 바로 실행하면?

빈 화면의 html 호출됨

 

이유는 정확히 모르지만 로컬환경, 서버환경에서의 패스설정이 다르다 함

 

위 문제의 해결법은

 - iis앱 사용 (찍먹해봤으나 실패)

 - 간단하게 웹서버에 올림 ex) 무료호스팅 업체 사용

 - 패스설정을 건들기 (어려워보임)

 

닷홈을 이용하기로 함

---

어찌저찌 닷홈에서 무료호스팅을 받고,

winscp나 filezila같은 앱을 이용하여

무료로 받은 웹서버의 주소에 들어가

/html 경로에 아래와 같이 빌드된 파일들을 넣어주면 끝

 

---

완료