vue前端代码和后台Java代码联调

参考博客：
Vue（使用webpack）与java后端（使用springmvc与tomcat8）整合测试与部署方案 ：https://blog.csdn.net/qq_33256688/article/details/78418110

前端写好的vue文件，浏览器无法识别，总体思路：需要把前端代码整合到后端的Java程序中，再进行部署才是完整的一套代码。

1、部署Vue前端项目：

命令行下：

npm run build

才能在前端项目文件夹下的’/dist’文件夹中生成浏览器可以识别的 .html, .css和 .js文件
如图：

2、后端代码静态文件夹的配置：

3、把前端代码copy到后端代码的webAPP目录下：

4、启动后端代码项目，在浏览器中输入地址。