前后端分离，将vue+spirngboot 项目部署在tomcat服务器上 CSDN

步骤一：

1.vue项目中，在config/prod.env.js中，将其路径(base/看具体项目代码)改为生产环境下的后端端口，保证前端项目能够读取到后端数据。

2.springboot项目中，在pom文件下添加依赖，屏蔽自带的tomcat

<dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-tomcat</artifactId>
            <scope>compile</scope>
        </dependency>

3.vue项目中，将config/index.js下的assetsPublicPath改为

dev{
  .....
  assetsPublicPath:'./',
  .....
}
build{
  assetsPublicPath:'./',
}

在route/index.js 或者 route/route.js中的Router添加以下代码

export default new Router({
   mode:'history',
   base:'/ProName/',
....
}

ProNamesh是你在tomcat的webapps中放置Dist文件夹内容的文件名字

步骤二：

在tomcat服务器的webapps(工作目录）下创建一个文件夹，命名为自己项目