第一步:

Vue.js 项目打包

第二步:终端运行  npm  run build,会生成dist文件

Vue.js 项目打包

第三步:安装Tomact

将生成好的dist文件放在tomact的webapps文件下

Vue.js 项目打包

第四步(端口号不冲突可以忽略):为了防止端口号冲突,可以对端口号进行修改(打开conf文件夹)

Vue.js 项目打包

Vue.js 项目打包

 第五步:打开Tomcat文件下的bin文件夹→运行 startup.bat

Vue.js 项目打包

Vue.js 项目打包 第六步:打开浏览器,访问 http://localhost:8088/

Vue.js 项目打包

第七步: 直接访问我们的 dist包  http://localhost:8088/dist

Vue.js 项目打包

这样我们的Vue.js 项目就打包成功了,下一篇我们将介绍如何将打包后的项目部署到服务器,记得查看哦!

相关文章: