设为首页收藏本站
开启辅助访问

tomcat部署前后端分离项目404问题

 您所在的位置：网站首页 › tomcat部署vue项目和war包 › tomcat部署前后端分离项目404问题

tomcat部署前后端分离项目404问题

2023-04-12 12:33| 来源: 网络整理| 查看: 265

最近在部署项目时&＃xff0c;访问出现了404&＃xff0c;特此记录一下1.tomcat解压&＃xff0c;最好不要放在C盘2.将VUE开发的前端项目放在webapp目录下&＃xff0c;目的是tomcat启动后可以访问网站3.部署后端war包4.启动tomcat5.观察启动窗口&＃xff0c;出现下图表示启动成功6.测试7.最后一步&＃xff1a;修改VUE配置文件config.js8.最后测试访问

1.tomcat解压&＃xff0c;最好不要放在C盘

在这里插入图片描述 解压后的目录如图所示

2.将VUE开发的前端项目放在webapp目录下&＃xff0c;目的是tomcat启动后可以访问网站

在这里插入图片描述 红线标注的地方为前端网站

3.部署后端war包

直接将war包放在webapp下&＃xff0c;名字可以修改&＃xff0c;我的是phonegd-0.0.1-SNAPSHOT

4.启动tomcat

去bin目录&＃xff0c;双击startup.bat文件&＃xff0c;最好使用管理员方式打开

5.观察启动窗口&＃xff0c;出现下图表示启动成功

在这里插入图片描述 这里我的端口是9088&＃xff0c;默认是8080&＃xff0c;可以修改 在conf目录下打开server.xml&＃xff0c;大概在69行附近&＃xff0c;可以使用npp打开 在这里插入图片描述

6.测试

我最先用postman测试404&＃xff0c;出现下面问题 在这里插入图片描述 后来找到原因&＃xff1a;没有部署在ROOT目录下&＃xff0c;需要加上项目名 修改后测试&＃xff1a; 在这里插入图片描述 这个地方很重要&＃xff0c;否则就会404

7.最后一步&＃xff1a;修改VUE配置文件config.js

window.axiosUrl &＃61; &＃39;http://192.168.3.122:9088/phonegd-0.0.1-SNAPSHOT/Asset/&＃39;

8.最后测试访问

在这里插入图片描述 在这里插入图片描述



【本文地址】


今日新闻

推荐新闻

CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3