Как развернуть приложение Vue.js на узле

Question

У меня есть папка dist, содержащая CSS, шрифты, папку JS и файл index.html, свернутый для Vue.js, готовый к развертыванию и использованию. Я хочу использовать Node.js для запуска этого приложения. Как я могу настроить это, чтобы просто запустить npm run server и развернуть его на конкретном запрошенном порту? Не уверен, как это структурировать или мне нужно собрать его особым образом для запуска этого приложения Vue , Любая помощь будет принята с благодарностью.

Answer 1

Поскольку Vue является только библиотекой внешнего интерфейса, самый простой способ разместить ее и выполнить такие действия, как обслуживание ресурсов, - это создать простой дружественный к Express сценарий, который можно использовать для запуска мини-веб-сервера. Читайте быстро на Экспресс , если вы еще этого не сделали. После этого добавьте экспресс:

npm install express --save

Теперь добавьте файл 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

для генерации