参考博客:
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、启动后端代码项目,在浏览器中输入地址。

Logo

前往低代码交流专区

更多推荐