> 웹 프론트엔드 > JS 튜토리얼 > Vue 프로젝트를 패키징하고 Baidu에 업로드하는 BAE 단계에 대한 자세한 설명

Vue 프로젝트를 패키징하고 Baidu에 업로드하는 BAE 단계에 대한 자세한 설명

php中世界最好的语言
풀어 주다: 2018-04-12 11:43:23
원래의
1413명이 탐색했습니다.

이번에는 Vue 프로젝트를 바이두 BAE에 패키징하고 업로드하는 단계에 대해 자세히 설명하겠습니다. 바이두 BAE에 Vue 프로젝트 패키징 및 업로드 시 주의사항은 무엇인가요? . 이틀간의 연구 끝에 마침내 VUE 패키지 프로젝트가 BAE를 통해 온라인으로 출시되었습니다. 인터페이스에 여전히 몇 가지 문제가 있지만 여전히 매우 기쁩니다. 먼저 이 프로젝트에 필요한 기술인 vue+express+git+Baidu의 애플리케이션 엔진 BAE에 대해 이야기해 보겠습니다.

계속해서 편집을 하다 드디어 제가 작성한 JSON 파일의 시뮬레이션 데이터를 업로드하게 되었습니다.

구체적인 단계:

1. 먼저 작성된 Vue 프로젝트의 패키징에 대해 이야기하겠습니다. (구체적인 패키징 프로세스는 다루지 않겠습니다. npm run build만 하면 VUE 프로젝트 파일에 dist 파일이 다시 생성됩니다. 이것이 패키징된 프로젝트입니다.) 2. Baidu의 애플리케이션 엔진 BAE에 프로젝트를 배포하는 데 드는 비용은 하루 2센트로 매우 저렴합니다. 혼자 놀기에는 정말 좋습니다.

자세한 단계는 제가 사용하는 GIT 버전 관리 도구인

https://

cloud.baidu.com/doc/BAE/QuickGuide.html에 소개되어 있습니다. nodejs0.10.21-web 유형을 선택해야 합니다. 우리는 Express 프레임워크를 사용하기 때문입니다. 단계에 따라 나만의 라이브러리를 만든 후. 먼저 구성 문서를 숙지하세요.

3. 생성한 라이브러리에 espress를 설치하고 구체적인 단계를 직접 알아보세요. (npm install -g express-generator 명령이 있어야 합니다. 그렇지 않으면 express 명령을 찾을 수 없다는 메시지가 표시될 수 있습니다)

다음은 매우 간단하지만 오랫동안 연구한 내용입니다. (1) 먼저 git에서 관리하는 이 파일에서 app.conf를 제외한 3개의 파일을 모두 삭제한 후 생성된 Express 프로젝트의 파일을 복사하여 git에 넣습니다. 관리되는 라이브러리에서 git이 관리하는 라이브러리의 파일명은 기본적으로 test1appid245yn4jb32이다. test1은 제가 만든 폴더이고, appid245yn4jb32 폴더는 git에서 원격으로 복제되었습니다. 종속성을 포함하여 Express로 생성된 프로젝트의 모든 파일을 appid245yn4jb32 폴더에 복사합니다. 동시에 bin 폴더의 www 파일에 js 접미사를 추가합니다. 왜냐하면 이 BAE는 .js의

항목 파일

만 인식하기 때문입니다. 동시에 www 파일의 포트를 18080으로 변경합니다. BAE의 기본 포트는 18080이기 때문입니다.

(2) vue 프로젝트에 패키징된 프로젝트(dist 폴더 하위의 모든 파일)를 public 폴더에 복사하고, 원본은 삭제합니다. 이런 식으로 모든

파일

을 업로드하고 웹사이트를 열면 vue 프로젝트의 내용을 볼 수 있습니다. (데이터가 없는 것 같습니다.)

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 믿습니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요! 추천 자료:

vue

axios가 게시물 요청을 보냅니다. springMVC는 매개변수를 처리할 수 없습니다.

위 내용은 Vue 프로젝트를 패키징하고 Baidu에 업로드하는 BAE 단계에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿