>  기사  >  웹 프론트엔드  >  vue.js를 서버에 배포하는 방법

vue.js를 서버에 배포하는 방법

王林
王林원래의
2020-11-19 10:12:102701검색

vue.js를 서버에 배포하는 방법: 1. config/index.js 파일을 편집합니다. 2. [npm run build] 명령을 실행합니다. 3. 프로젝트 경로에서 패키지된 파일을 찾아 Just에 업로드합니다. 서버에서.

vue.js를 서버에 배포하는 방법

구체적인 방법은 다음과 같습니다.

(동영상 공유 학습: javascript 비디오 튜토리얼)

1. 아래와 같이 config/index.js 파일을 편집하고, 자산PublicPath: './'를 변경합니다. ,

productionSourceMap: false

vue.js를 서버에 배포하는 방법

2. npm run build

를 실행한 후 프로젝트 경로에서 패키지 파일을 찾으세요. 프로젝트 파일의 dist 폴더 아래에 있는 static 및 index.html이 패키지 파일입니다. 그런 다음 cccBlog 폴더를 직접 만들고 static 및 index.html을 cccBlog에 복사한 다음 cccBlog 폴더를 서버에 업로드했습니다.

vue.js를 서버에 배포하는 방법

3. 서버에 cccBlog 폴더를 업로드하세요. 내 것은 tomcat 서버입니다.

vue.js를 서버에 배포하는 방법

4 그런 다음 tomcat 아래의 index.html을 방문하세요.

참고: 이미지 리소스 이름에 중국어 문자를 포함하지 마세요. 이미지가 중국어로 되어 있으면 서버에서 액세스할 때 이미지가 표시되지 않을 수 있습니다.

관련 권장 사항: vue.js 튜토리얼

위 내용은 vue.js를 서버에 배포하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.