어떻게 포장된 정적 웹 페이지를 서버에 배치합니까
로컬 실행 성공
우선
npm run build 패키지 응용 프로그램을 실행하고 패키지된 페이지는 직접 접근할 수 없습니다. 구체적인 원인은 다음과 같습니다. Vue-cli 배치.대략적인 내용은:
dist 디렉터리는 HTTP 서버를 시작해서 접근해야 하기 때문에 baseUrl 프로토콜로 직접 열기 file:// 는 작동하지 않습니다.로컬에서 프로덕션 환경 구축을 미리 보는 가장 간단한 방법은 Node를 사용하는 것입니다.js 정적 파일 서버.그래서 Node를 사용해야겠어요.js는 정적 서버를 시작합니다. 저는 Express를 사용합니다. 방법: Express를 이용하여 정적 파일을 관리합니다.
간단한 몇 줄 코드만 있으면 됩니다.
const express = require('express');
const app = express();
app.use(express.static('./dist'));
const port = 3003;
app.listen(port, function (err) {
if (err) {
console.log(err);
return;
}
console.log('Listening at http://localhost:' + port + '
');
});
그리고
dist/index.html 서비스를 실행하면 성공합니다.이때 방문node filename.js하면 배치된 정적 페이지에 접근할 수 있습니다.다음은 서버에 코드를 업로드하는 것입니다.
서버에 파일 업로드
scp 명령을 사용하여 서버에 파일을 업로드합니다. 구체적인 코드는 다음과 같습니다.
scp -r ./dist [email protected].***:/home/library-book-search/web/
// dist 120.79... /home/library-book/search/web/
서버에서 서비스 시작
먼저 프로젝트가 있는 폴더에 들어가서 로컬에서와 같이 실행
localhost:3003하면 서비스가 성공적으로 실행됩니다. 그리고 방문한 결과 ok가 아니었습니다. 반나절을 괴롭힌 후에 아리운이라는 포트는 기본적으로 개방된 것이 아니기 때문에 아리운의 컨트롤러에서 이 서버가 사용해야 할 포트를 열어야 합니다.포트를 성공적으로 열고 드디어 방문에 성공했습니다. 그래서 빙그레 명령행을 끄고 친구와 자랑할 준비를 하다가 얼굴을 때리고 방문에 실패했습니다.다시 한 번 생각해 보니 명령행 인터페이스를 닫으면 node 서비스가 자동으로 닫힌다.그래서 우리의 서비스가 거리로 뛰어들었다.
이럴 때 PM2를 사용해서 제 서비스를 유지해야 합니다. 서비스를 시작하여 전체적으로 PM2를 설치한 후
node filename.js, 프로젝트는 정말 완벽합니다.이제 명령행 인터페이스를 끄셔도 임무가 폭발할 염려가 없습니다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
