javascript – 如何在Node上部署Vue.js应用程序

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何在Node上部署Vue.js应用程序，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1005字，纯文字阅读大概需要2分钟。

内容图文

我有一个dist文件夹,其中包含CSS,字体,JS文件夹和为Vue.js最小化的index.html文件,可以部署和使用.我想使用Node.js来运行这个应用程序.如何将其设置为仅运行npm run server并将其部署在请求的特定端口上？不知道如何构建这个或者我是否需要以特定的方式构建它来运行这个Vue应用程序.任何帮助将不胜感激.

解决方法:

由于Vue只是一个前端库,因此托管它并执行诸如提供资产之类的操作的最简单方法是创建一个简单的Express友好脚本,您可以使用它来启动迷你Web服务器.如果您还没有,请在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

为了生成它

内容总结

以上是互联网集市为您收集整理的javascript – 如何在Node上部署Vue.js应用程序全部内容，希望文章能够帮你解决javascript – 如何在Node上部署Vue.js应用程序所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---