[VueJS] Apache Tomcat서버에 배포하기 [펌]

[VueJS] Apache Tomcat서버에 배포하기 [펌]

 

 

기존에 사용중이던 Apache Tomcat 서버에 vue 프로젝트를 배포를 했다.

 

1. vue 프로젝트를 build 한다.

   node cmd > $ cd 프로젝트 경로

   node cmd > $ npm run build

 

2. 프로젝트 폴더 > dist에 build된 파일이 생성된다.

    dist 폴더 내 파일을 모두 복사한다.

 

3. 서버에 접속 후 tomcat webapps 경로로 이동 후 프로젝트 명으로 폴더를 생성한다.

   복사한 dist 폴더 내 파일들을 붙여넣기한다.

  - 경로 : 웹서버 > tomcat 설치 경로 > webapps  > 프로젝트 폴더명

 

4. "톰캣 호스팅 주소 : 포트/프로젝트명"으로 접속하여 테스트 해본다.

 

#. 프로젝트 경로로 제대로 로드가 되지 않을 경우

    프로젝트 폴더 > vue.config.js 파일에서 publicPath를 확인해볼 것

 

 

출처 : ingus26.tistory.com/35