vue-cli+SSM项目部署到远程服务器Tomcat

前后端分开部署

项目采用前后端分离的方式开发，在本地已经调通的情况下发布到服务器tomcat上。

准备工作

在服务器上安装配置好tomcat，然后进入目录 tomcat/webapps/ 下先创建一个文件夹：myVue ，待会儿将分别放入配置打包后的前端项目文件

1.SSM项目部署到Tomcat

参考：https://blog.csdn.net/guanbingchichi/article/details/106854601
打成war包以后传到服务器 tomcat/webapps/ 目录下，比如后端项目为 mySSM.war

2.vue-cli项目部署到Tomcat

打包发布前需要修改的文件有以下几个

router/index.js

base的参数就是刚刚在 tomcat/webapps 的前端项目文件夹名称：

// 创建router实例
export default new Router({
   
  mode: 'history', // 消去#
  base: '/myVue/', // 项目名称，也就是在tomcat/webapps/项目名称
  routes: menu // 传入router配置
})

config/index.js

assetsPublicPath也是在 tomcat/webapps 下创建的前端项目文件夹名称：

build: {
   
    // Template for index.html
    index: path.resolve(__dirname, '../dist/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),