我有一个dist文件夹,包含CSS、字体、JS文件夹和一个为Vue最小化的index.html文件.js,随时可以部署和使用.我想用Node.js来运行这个应用程序.How can I set this up to just run 101 and have it deployed on a specific port requested?我不知道如何构建它,或者我是否需要以特定的方式构建它来运行这个Vue应用程序.任何帮助都将不胜感激.

推荐答案

由于Vue只是一个前端库,所以托管它并执行诸如提供assets资源 之类的操作的最简单方法是创建一个简单的、对Express友好的脚本,您可以使用该脚本启动迷你web服务器.如果你还没有读过,请快速阅读Express.之后,添加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}/`);
 });

之后你可以 run :

 node server

您的项目将在指定的主机和端口提供服务

假设您已经有dist个目录,如果您没有运行它:

npm run build

为了产生它

Vue.js相关问答推荐

将事件监听器绑定到动态元素

可组合数据获取示例

点击屏幕的任何位置都会禁用v-overlay

vue : 多个样式的类绑定在一个

在keyup Vuejs 2上获取输入值

在 Vue.js 中动态挂载单个文件组件

即使响应为 200,也会调用 Axios Catch

Laravel Vue - 如何让 vue 在公共文件夹中查找图像

根据 URL 有条件地隐藏视图组件

W3C 验证和 Vue 的 HTML 绑定语法

Vuetify 单选按钮未显示为选中状态

Nuxt:显示静态文件夹中的本map像

使用 Vue.js 的用户可切换自定义主题

我可以在 Vue 实例方法中传播的 mapMutations 中使用this吗?

使用 Vue 在单个文件组件中调用渲染方法

路由使用 nuxt-i18n 在 nuxt 中推送区域设置路由

用于 nuxt.js 构建的自定义 index.html

如何在布局中使用组件?

单击 v-select 项目时如何获取对象而不是单个值?

在另一个 props 的验证器中访问 props 值