将vue项目打包放到本地的express上

本文介绍如何使用Node.js和Express框架搭建本地服务,并部署已打包的Vue项目。通过全局安装Express,创建应用,安装依赖,放置Vue项目dist文件到public目录下,最后启动服务器并访问。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

本地 nodejs+express搭建自己的服务框架

将vue项目打包放到本地的express上
第一步: 全局安装express
npm install -g express

如果运行express test的时候报错:express不是内部或者外部命令

npm install -g express-generator

解决方法:执行npm install -g express-generator,因为新版的express的将命令行工具分离出来了,所以要自己重新安装。

第二步: 创建一个名为myapp的应用
express myapp //创建一个名为myapp的应用
npm install  //安装依赖包
第三步: 将打包好的vue项目中dist文件里的内容放到myapp中的public文件夹中。
第四步: npm start 启动server服务器
最后: 访问http://localhost:3000 即可。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值