传统ssm+vue项目部署

项目结构

传统ssm+vue项目部署_第1张图片

 然后web.xml

这里设置欢迎页面的为vue打包后的index.html

传统ssm+vue项目部署_第2张图片

添加跨域请求过滤器

传统ssm+vue项目部署_第3张图片

跨域请求过滤器

传统ssm+vue项目部署_第4张图片

基本上后台的配置需要注意的就是这些

然后是vue里config目录下的index.js

设置跨域请求的地址

传统ssm+vue项目部署_第5张图片

build设置目录为相对地址

传统ssm+vue项目部署_第6张图片

vue 项目使用命令 npm run build打包生成dist文件夹。

java 后台打包成war包

将war包放到tomcat的webapps目录下运行,自动解压得到 项目文件 ,新建ROOT文件夹将解压得到的文件里的文件拷到ROOT里,vue打包得到的dist里的文件也复制到ROOT里,再运行tomcat就完成了

传统ssm+vue项目部署_第7张图片

访问项目直接在浏览器输入ip加端口号就行了

 

你可能感兴趣的:(传统ssm+vue项目部署)