vue项目部署在nodejs+express

一、安装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项目包名是别的名，记得修改