>웹 프론트엔드 >JS 튜토리얼 >vue.js 프로젝트 패키징 및 실행에 대한 그래픽 설명

vue.js 프로젝트 패키징 및 실행에 대한 그래픽 설명

小云云
小云云원래의
2018-01-18 14:10:192060검색

이 기사는 주로 vue.js 프로젝트 패키징 및 출시에 대한 그래픽 튜토리얼을 공유하며 좋은 참고 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다. 편집자를 따라 살펴보겠습니다. 모두에게 도움이 되기를 바랍니다.

최근 매달 작은 vue.js 개발 프로젝트를 작성해야 한다고 고집해 왔습니다. 최종 개발이 완료된 후 오래 전에 다른 사람들에게 대답했던 질문인 vue 프로젝트를 온라인에 연결하는 방법이 생각났습니다. 그때는 온갖 이상한 대답이 나오더군요.. 이런 사람들이 다 부풀어 오른 걸까요? Vue 관계자는 이 프레임워크는 뷰 레이어만 하기 때문에 이런 개발된 것들은 서버에 직접 복사되지 않고, 그렇게 해야 한다고 생각했습니다. 정적 파일로 패키징되어 서버에 업로드됩니다.

먼저 패키징하기 전에 구성 파일을 수정해야 합니다. 패키징 후 공백이 실행되는 등의 문제가 발생하는 경우가 많습니다. 이러한 문제는 주로 경로 문제이므로 아래의 구성을 수정해야 합니다. index.js 구성 파일:

위 그림에서 가장 먼저 수정해야 할 것은 정적 파일의 경로입니다. 패키징 후 정적 파일은 현재 디렉터리에 있으므로 ./

로 변경합니다.

두 번째는 환경을 프로덕션 환경으로 설정하는 것입니다.

수정 후 cmd를 열고 다음 명령을 실행하여 패키징합니다.

이 패키징된 파일을 다음 위치에 배치해야 한다는 점 아래 팁에 주의하세요. 서버가 열리기 전에는 브라우저로 직접 열 수 없으며 패키지 파일 구조는 다음과 같습니다.

이 때 index.html에 액세스하려면 서버를 사용해야 합니다. 많은 사람들이 여기에서 몇 가지 문제에 직면할 수 있습니다. 예를 들어, 크로스 도메인 문제를 해결하기 위해 Proxytable을 사용할 수 있습니다. 여기에는 데이터가 없습니다. Proxytable은 여기에 있습니다. 모든 사람의 편의를 위해 개발된 크로스 도메인 솔루션입니다.

관련 권장사항:

Vue에서 파일 일괄 다운로드 및 패키징에 대한 자세한 설명

패키징 도구 소포 제로 구성 vue 개발 스캐폴딩

vue가 완료된 후 공백을 처리하는 올바른 방법에 대한 자세한 설명 예 포장

위 내용은 vue.js 프로젝트 패키징 및 실행에 대한 그래픽 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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