Vue-cli 를 포장 한 후 로 컬 에서 보 는 방법
http-server 서 비 스 를 로 컬 에서 시작 할 수 있 습 니 다.작업 절 차 는 다음 과 같 습 니 다.
전역 설치 http-server:
npm install -g http-server
dist 루트 디 렉 터 리 로 들 어가 기
cd dist
재 입력 명령:
serve
출력 server:Running on port 5000,즉 서비스 가 시작 되 었 고 포트 번 호 는 5000 입 니 다.
다른 포트 번호 로 시작:
serve -p 8090
질문
다음 명령 에 따라 항목 을 포장 합 니 다:
npm run build
명령 실행 완료
DONE Build complete. The dist directory is ready to be deployed.
INFO Check out deployment instructions at https://cli.vuejs.org/guide/deployment.html
봤 어 요.build complete,네,완 성 됐 습 니 다.뒤에 도 보지 않 고 생 성 된 dist 폴 더 의 index.html 를 직접 열 었 습 니 다.
열 면 빈 페이지 가 나타 나 고 콘 솔 은 위 에 있 습 니 다.
해결 방법:
다음 명령 실행:
npm install http-server-g 전역
그리고 dist 파일 에서 실행:
http-server
http-server
위 에 있 는 사이트 주 소 를 직접 열 고 방문 하면 됩 니 다.
이상 의 Vue-cli 를 포장 한 후에 어떻게 현지에서 볼 수 있 는 지 하 는 작업 은 바로 편집장 이 여러분 에 게 공유 한 모든 내용 입 니 다.여러분 께 참고 가 되 고 저희 도 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Vue-cli 이동단 레이아웃 및 애니메이션 사용 상세 정보vue-cli(중점) vue-cli는 vue 프로젝트를 관리하는 도구로 vue-cli를 사용하여 프로젝트를 신속하게 만들고, 프로젝트를 시작하고, 프로젝트를 컴파일하는 등 작업을 할 수 있습니다. vue의 단일 파일...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
