将springboot和Vue整合在一块儿的方法
前两天老大让我把Vue和springboot工程耦合在一块儿，而后打成一个包部署。。。众所周知，Vue的出现就是为了先后端分离，可是为了继续在这里搬砖，只能想办法解决这个问题。通过尝试结果以后，方法以下，供各位参考
准备工做
打包Vue脚手架工程
打包前的准备
1.找到你的Vue工程，在工程目录下有一个build的文件夹，其中有一个utils.js的文件，点进去，将下图中画红圈圈的地方改为如图所示：
这个操做是避免部署以后访问页面时图标丢失（啥也别说了，全是眼泪啊）必定要改为相对路径，若是不改，部署在服务器时，路径不认，因此图标出不来
2.仍是改路径的问题，在工程文件夹目录中有一个config的文件夹，点开它。找到一个叫index.js的文件，点开它，更改设置以下图：
**"/"–>改为"./"**若是是绝对路径的话最后部署以后页面不出
css
开始打包
首先找到你的Vue工程，这里我就用命令行进行演示（或者你也能够在编辑器中直接使用预设好的命令进行打包）进入到你Vue工程所在的目录下，输入npm run build 开始打包，以下图：
命令运行后，若是成功会出现以下的图：
这时候你就已经打包成功了，而后在你Vue的工程文件目录下会出现一个dist文件夹，这个文件夹里面包含两个文件,第一个是static，这个里面是存放你打包后的css文件和js文件，另外一个是index.html文件，这个文件是你Vue全部组件的入口，以下图：
html
修改跨域
因为工程已经先后台耦合了，因此之间的跨域配置就能够舍弃掉了web
将前台打包文件放入后台生成war包
全都弄好后，将Vue工程中的dist文件中的static和index.html复制到spirngboot工程中的static目录下注意：不是dist整个文件夹放到后台的static目录下，只复制里面的两个文件就行了，这个时候就能够直接Run项目了，打成war包spring
本机测试方式
扔到Tomcat的webapps下，启动Tomcat 而后在浏览器能访问就能够了，这时候你交给实施人员，剩下的交给他们吧npm