Node.js 서버에 Vue.js 애플리케이션을 배포하는 방법

Node.js 서버에 Vue.js 애플리케이션을 배포하는 방법

CSS, 폰트, JS 폴더 및 Dist 폴더가 있습니다.index.htmlVue.js에 대해 파일을 최소화하여 배포 및 사용할 수 있습니다.이 응용 프로그램을 실행하기 위해 Node.js를 사용합니다.어떻게 하면 특정 포트에 전개하도록 설정할 수 있습니까?이 Vue 앱을 실행하기 위해 특정 방식으로 빌드해야 하는지 또는 구성 방법을 알 수 없습니다.어떤 도움이라도 주시면 감사하겠습니다.

Vue는 프런트 엔드 라이브러리일 뿐이므로 Vue를 호스트하고 자산을 서비스하는 가장 쉬운 방법은 미니 웹 서버를 시작하는 데 사용할 수 있는 간단한 Express 친화적인 스크립트를 작성하는 것입니다.Express에서 아직 읽지 않은 경우 빠르게 읽어 보십시오.그런 다음 express를 추가합니다.

npm install express --save

이제 a를 추가합니다.server.js프로젝트 루트 디렉토리에 파일을 저장합니다.

// server.js
var express = require('express');
var path = require('path');
var serveStatic = require('serve-static');
app = express();
app.use(serveStatic(__dirname + "/dist"));
var port = process.env.PORT || 5000;
var hostname = '127.0.0.1';

app.listen(port, hostname, () => {
   console.log(`Server running at http://${hostname}:${port}/`);
 });

그 후 다음을 실행할 수 있습니다.

 node server

지정된 호스트 및 포트에서 프로젝트가 처리됩니다.

당신이 이미 그 정보를 가지고 있다고 가정할 때dist디렉토리(실행하지 않은 경우):

npm run build

그것을 발생시키기 위해서

언급URL : https://stackoverflow.com/questions/52229626/how-to-deploy-a-vue-js-application-on-node-js-server