我有一个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相关问答推荐

无法在cPanel/SSH上构建 | Laravel + Vue优化

将媒体源/流绑定到视频元素 - Vue 3 组合 API

Vue3如何将自定义事件绑定到路由视图中的特定组件?

如何容器化 Vue.js 应用程序?

在 vue.js 中获取当前时间和日期

JavaScript/VueJS:判断数组是否包含具有特定值元素的对象

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

从 Axios 响应中解析 XML,推送到 Vue 数据数组

如何将数据属性设置为从 Vuex getter 返回的值

动态更改我的 Vue.js SPA 主题的最佳方式?

如何使用 JavaScript 按索引删除数组元素?

Vue3在按钮单击时以编程方式创建组件实例

Vue.js 中的 CSS 框架

beforeCreate 挂钩中的 Vue 2.1 调用方法不起作用

Vuetify - 如何进行分页?

更改事件上的 Select2 在 Vuejs 中不起作用

标签中的 href 赋值

Axios 请求拦截器在我的 vue 应用程序中不起作用

在 vue js 中的何处以及如何存储 API 端点?

使用 CloudFront 部署在 S3 上的 VueJS 应用程序的指定的密钥不存在