vue+springboot项目整合

这两周一直在看vue和springboot的相关内容，现在已经着手在别人的肩膀上开发自己的内容，vue和springboot感觉分别都不是特别难（主要是自己学的不够深入的缘故吧）。vue的学习笔记可参照《》；因为之前看过SSM，所以再看springboot的话，上手还是挺快的。今天主要记录一下vue的前端开发完成后，如何整合到springboot上：

vue的项目目录如下：

vue目录

参考的项目地址：github上lin-xin答主

vue项目打包

首先进入项目目录：cd 项目名
然后执行打包命令：npm run build

随后我们的项目中会多出一个dist文件夹：如下图

项目打包后dist文件夹

然后将dist文件夹中的所有内容放到eclipse中的src/main/resources/static文件夹里面。（eclipse中默认是没有static文件夹的，需要你手动创建）如下图：

eclipse中static
最后就是重启springboot，访问http:localhost:8088即可。