vue项目部署在nodejs+express
2024-09-08 17:44:45
一、安装node和打包vue项目就不用多说了
二、安装express
Express是一个保持最小规模的灵活的Node.js web应用程序开发框架,为web和移动应用程序提供一组强大的功能
npm install express --save -g
三、express-generator
是express项目的生成器,此工具的作用是生成express项目
npm install express-generator --save -g
这些完成之后创建项目
express 项目名
完成之后进入项目目录安装依赖
npm i
启动
npm start
express中默认配置的端口是3000
把打包的vue项目放在public文件下就完事了
如果需要修改端口或者ip可以在bin文件下的www文件中修改
var port = normalizePort(process.env.PORT || '3000');//3000默认端口
app.set('port', port);
app.set('host','192.168.68.23');//这里修改ip
修改之后启动服务 访问http://192.168.68.23:3000/dist/+Vue路由 或 localhost:3000/dist/+Vue路由
这里dist是public文件下放的文件,如果打的vue项目包名是别的名,记得修改
最新文章
- 【BZOJ1857】[Scoi2010]传送带 三分法
- UVALive 7338 (树链剖分+线段树)
- [转]-Lua协程的实现
- Java 截取反斜杠--java使用split拆分特殊字符
- 网易云课堂_C++程序设计入门(上)_第4单元:物以类聚 – 对象和类_第4单元作业【3】- 在线编程(难度:难)
- Objective-C中的SEL (转载)
- 第三十七节,hashlib加密模块
- VisualStudio 扩展开发
- 制作windows系统合盘:把win7和win8/8.1打包在一起
- EFI Windows 7 activition
- Ubuntu16.04安装最新版nodejs
- C#.Net平台与OPC服务器通讯
- Google Chrome 下载&;绿化&;增强
- Android学习笔记——Content Provider(一)
- 记录ssh暴力破解的密码字典
- TCP滑动窗口
- Chrome插件(扩展)开发全攻略
- modelsim仿真中遇到的问题
- CanOpen协议【CanFestival】移植方法 支持VC、QT、STM32
- MapReduce: number of mappers/reducers
热门文章
- jdk线程池ThreadPoolExecutor优雅停止原理解析(自己动手实现线程池)(二)
- AR路由器如何配置Portal认证(二层网络)
- 【Java SE进阶】Day01 Object类、日期时间类、System类、StringBuilder类、包装类
- MySQL数据结构(索引)
- 精华推荐 | 【深入浅出RocketMQ原理及实战】「性能原理挖掘系列」透彻剖析贯穿RocketMQ的事务性消息的底层原理并在分析其实际开发场景
- js任务队列EventLoop
- Kali Win-KeX SL
- Hadoop详解(01)-概论
- Js生成图片验证码
- Maui Blazor 使用摄像头实现