本文详细介绍了如何将Vue前端项目与Java后端项目进行整合部署，包括配置跨域请求、打包生成dist文件夹、Java后台打包成war包及在Tomcat中运行等关键步骤。
项目结构
然后web.xml
这里设置欢迎页面的为vue打包后的index.html
添加跨域请求过滤器
跨域请求过滤器
基本上后台的配置需要注意的就是这些
然后是vue里config目录下的index.js
设置跨域请求的地址
build设置目录为相对地址
vue 项目使用命令 npm run build打包生成dist文件夹。
java 后台打包成war包
将war包放到tomcat的webapps目录下运行，自动解压得到 项目文件 ，新建ROOT文件夹将解压得到的文件里的文件拷到ROOT里，vue打包得到的dist里的文件也复制到ROOT里，再运行tomcat就完成了
访问项目直接在浏览器输入ip加端口号就行了
扫一扫
291
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
