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

最新推荐文章于 2024-04-16 16:51:01 发布
最新推荐文章于 2024-04-16 16:51:01 发布
阅读量2.8k 收藏 8
点赞数 1
文章标签： tomcat java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44226883/article/details/119384276
版权

最近在部署项目时，访问出现了404，特此记录一下

1.tomcat解压，最好不要放在C盘

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

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

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

3.部署后端war包

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

4.启动tomcat

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

5.观察启动窗口，出现下图表示启动成功

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

6.测试

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

7.最后一步：修改VUE配置文件config.js

window.axiosUrl = 'http://192.168.3.122:9088/phonegd-0.0.1-SNAPSHOT/Asset/'

8.最后测试访问

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

米粉er
关注
  • 1
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Tomcat+Nginx反向代理部署前后端分离项目解决跨域问题
02-24
最近自己做了一个前后端分离项目，前端采用HBuilderX开发，后端采用IDEA开发，在本地开发也跨域，部署到云服务器也跨域，下面介绍两种解决方案。出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定...
若依前后端分离项目部署文档（完整版）
04-07
以及常见的部署后页面显示404 的问题处理。 （ruoyi平台简介： 若依是一套全部开源的快速开发平台，毫无保留给个人及企业免费使用。 前端采用Vue、Element UI。 后端采用Spring Boot、Spring Security、Redis & ...
Tomcat启动成功，且能访问localhost:8080，但404报错，无法访问webapps/ROOT下的文件
weixin_43176384的博客
12-15 2903
可能是安装了多个tomcat，并且环境变量中指定的tomcat路径，不管启动哪个位置的tomcat，都会运行环境变量中指定路径的tomcat 以为运行的是tomcat8.5.50 将hello.html文件放在tomcat8.5.50文件夹的webapps/ROOT中 查看得知tomcat启动的是8.0.12版本 在环境变量中CATALINA_HOME的值配置的是tomcat8.0.12的地址，此为死值，导致无论运行哪个tomcat，运行的都是该文件夹下的tomcat8.0.12 在tomcat/
Tomcat报404问题解决方案大全(包括tomcat可以正常运行但是报404)
热门推荐
m0_63324772的博客
04-30 13万+
文章概览： 本文将解决一下问题： 问题有先后顺序 Tomcat未配置环境变量 IIs访问权限问题 端口占用问题 文件缺少问题（tomcat可以正常运行但是报错404）
C盘 tomact 无法解压war包生成目录
最新发布
weixin_46259817的博客
04-16 72
修改C盘权限，可以创建文件。
vue，前后端分离开发是刷新后报错404问题
江枫暮雪的博客
09-08 670
更改Tomcat中配置全局的错误页面 找到tomcat目录下的conf目录下的web.xml文件，添加内容： <error-page> <error-code>404</error-code> <!--错误码--> <location>/index.html</location> <!--相对webapps/ROOT/--> </error-page> 这种方法比较。。。 查考：
前后端分离项目，整合成jar包，刷新404或空白页，解决方法
weixin_56851586的博客
09-02 1385
现在我登录进页面，点击列表，url=http://localhost:8013/Books/list，可以访问，但是当我点击页面的刷新，页面空白路径还是http://localhost:8013/Books/list，但是访问的css和js的路径资源为http://localhost:8013/Books/static/js/chunk-6dbb.969838d0.js,多了Books，请问怎么解决。和发生404跳转回index也就是登录页。
Tomcat ROOT目录资源无法访问（访问报404）
gaoqingliang521的专栏
07-04 3512
前言 最近自己写了个项目，后台服务器用的tomcat，我把用户头像保存在了tomcat ROOT目录user_head文件夹中，访问部署在tomcat下跟ROOT同级目录的项目可以访问,但是访问ROOT中的资源无法访问报404，就像下面这样： http://localhost:8989/Serve/GetUserHabit 访问这种项目中的接口可以访问 http://localhost:8989/user_head/10034.jpg访问这种ROOT目录下的资源报404 这种问题就感觉很诡异，...
JAVA著名免费框架若依前后端分离项目详细部署文档
08-21
以及常见的部署后页面显示404 的问题处理。 （ruoyi平台简介： 若依是一套全部开源的快速开发平台，毫无保留给个人及企业免费使用。 前端采用Vue、Element UI。 后端采用Spring Boot、Spring Security、Redis & Jwt...
Nginx1.15.3+Tomcat9.0.11前后端分离
09-02
完成配置后，重启Nginx，即可实现通过Nginx访问Tomcat部署的应用，实现前后端分离的架构。 这样的架构不仅提高了系统的稳定性和效率，也为团队协作和项目维护提供了便利。通过Nginx的灵活性，可以进一步优化如SSL...
tomcat正常启动但是访问不了页面，报404或直接找不到
m0_67266787的博客
03-24 1万+
前言 搭建服务器的时候，用Windows的系统安装jdk和Tomcat，真的是崩溃N次，查找很多网页都没找到问题，现在真的是不会辜负努力的小白。下面记下遇到的问题及解决办法： 1、检查端口是否冲突 2、是否有其他设置导致你的文件解析错误 3、环境变量配置是否有问题（多数是这个问题） 4、检查Tomcat文件root里面是否有内容 5、防火墙限制端口访问 首先访问不了，我以为可能是端口冲突了，在Tomcat的conf目录下找到server，打开找到这个地方把80端口改了，但是问题并没有解决， 看
Tomcat部署war包项目请求404
m0_67402774的博客
08-30 3567
Linux上用Tomcat部署war包项目请求404。前端项目配置的后台地址本身是只有ip加端口的，但是会404，我就在端口后面加上项目文件夹的名称，例如在webapps下是test，前台请求地址就是 http://localhost:9902/test，虽然请求成功，但是会有其它问题。 未知在server.xml里的host标签下添加上面这行。path是访问的虚拟路径，为空就是/；docBase是项目的真实目录，例如在Linux上是/usr/local/tomcat8/webapps/yourProjec
Tomcat无法登陆显示404，403解决办法
qq_39654116的博客
09-05 3329
0x01 tomcat安装 1.安装地址：https://tomcat.apache.org/ 2.左侧可以选择相应的版本，如果想要选择安装更加旧的版本就点击Archives 3.右边的第一个画中的框是zip，直接下载下来，进行配置环境变量即可。第二个是exe安装文件，安装的时候一直next即可，会自动帮你匹配电脑适用的jdk文件（前提是有），注意自己想要使用的端口，避免端口冲突。 0x02 解决登陆404 现象：登陆localhost:8080出现无法访问的404 可能存在问题：端口被占用，环境变量没有
Vue3 和 TP6 前后端分离线上部署遇到的问题（跨域及访问404）
u014538997的博客
10-09 977
Vue3 和 TP6 前后端分离 及 前后端不一样的域名时 实现跨域请求问题 ；Vue3前端使用路由约束后，线上部署访问 404问题。
vue部署项目页面跳转404
qq_34955596的博客
12-28 1269
vue部署时连接不加# 使用history模式跳转页面404，刷新也会404 须修改部署的文件。在nginx.conf配置（路由使用mode:history） server { location / { try_files $uri $uri/ @router;#需要指向下面的@router否则会出现vue的路由在nginx中刷新出现404 index index.html index.htm; } #对应上面的@
本地vue(前后端分离)布置到服务器，请求后台报错404的问题
zhang_guom的博客
12-24 442
前后端分离在不同的服务器上 1、本地运行npm run build 生成dist文件 2、上传到服务器，站点指向dist文件 3、配置站点‘配置文件’-》添加 location /api { proxy_pass http://byjk.wm57.mingtengnet.com;//后台接口 } ......
Vue 路由跳转后刷新页面404
xxx
03-08 304
重定向到/dashboard路径后刷新页面发现404，找不到这个页面，而我的路由模式是history。路由配置mode: 'history’改为默认mode: ‘hash’。
一次线上上传文件404问题的记录
caopengyuan的博客
08-08 1326
解决 1.推测原因:接口路径不存在 详细检测接口路径是否正确? 排查措施:重读代码路径,仔细自己拼装路径,postMan接口模拟线上访问,经排查不是此问题 2.继续推测是不是会不会因为上传打的包有问题–? 排查措施:访问此类中的其他接口一一访问的通–>推测不是文件缺失问题 linux命令sz下载可用的命令对应的class文件,直接使用idea查看class文件,或者通过jd反编译工具查看class文件是否缺失–>进一步确认不是文件丢失问题 3.继续推测路径正确的情况下访问404继续访问确认是不是
tomcat部署前后端分离项目
12-14
为了将前端和后端分离，我们需要将前端代码和后端代码分别打包，并将前端代码部署到Nginx服务器上，将后端代码部署到Tomcat服务器上。具体步骤如下： 1.前端代码打包 在前端代码目录下，使用以下命令打包： ```shell npm run ``` 打包完成后，会在dist目录下生成打包后的前端代码。 2.将前端代码部署到Nginx服务器上 将打包后的前端代码上传到Nginx服务器上，并在Nginx的配置文件中添加以下配置： ```nginx server { listen 80; server_name example.com; root /path/to/frontend/dist; index index.html; location / { try_files $uri $uri/ /index.html; } } ``` 其中，example.com为你的域名或IP地址，/path/to/frontend/dist为前端代码的路径。 3.后端代码打包 在后端代码目录下，使用以下命令打包： ```shell mvn clean package ``` 打包完成后，会在target目录下生成war包。 4.将后端代码部署到Tomcat服务器上 将war包上传到Tomcat服务器的webapps目录下，并启动Tomcat服务器。Tomcat会自动解压war包并部署应用程序。 5.修改配置文件 修改后端代码中的配置文件，包括数据库连接参数等。 6.启动应用程序 启动Tomcat服务器后，访问Nginx服务器上的前端页面，前端页面会通过API调用后端服务。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值