linux部署tomcat项目404_Tomcat中部署Vue项目实战案例

有时候前端使用vue cli4发布vue项目，后端是SSM，虽然是在本地操作的，但是还是遇到了一些问题，比如空白页面，还有请求数据404问题，下面是我整合的结果，希望能够帮到大家

1.在Tomcat 文件夹中新建一个文件夹名， 这个文件夹名实际上就是项目名称，根据需要自己取名，例如这里我的项目名称是：szsmjr

2.我的Tomcat路径是：E:omcat-7.0.68

在szsmjr项目中打开路由index.js 修改项目基础路径

在vue.config.js中修改 publicPath: process.env.NODE_ENV === "production" ? "/你在Tomcat项目名称/" : "/",

原因是因为在Tomcat发布项目地址端口是一样的，所以就不需要vue代理了

最后vue cli4 项目打包生成dist文件，使用命令打包为：npm run build

之后会在szsmjr中生成一个dist目录

然后我们将这个目录中的内容拷贝到tomcat的szsmjr 文件夹中,如下图所示：

之后我们启动Tomcat 然后输入网址进行访问，如下图所示：