当前位置: 首页 > news >正文

若依分离版前端部署在tomcat刷新404的问题解决方法

步骤如下:

1、在前端项目的 public 目录(或打包后的根目录)中,创建 WEB-INF 文件夹
(若打包后的前端文件放在 Tomcat 的 webapps/ROOT 下,则直接在 ROOT 目录下创建 WEB-INF)
2、在 WEB-INF 中创建 web.xml 文件,添加如下配置:

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"version="3.1"><!-- 配置欢迎页为 index.html --><welcome-file-list><welcome-file>index.html</welcome-file></welcome-file-list><!-- 配置错误页重定向:将 404 请求转发到 index.html --><error-page><error-code>404</error-code><location>/index.html</location></error-page>
</web-app>

3、重新打包前端项目,将打包后的文件(包含 WEB-INF 文件夹)部署到 Tomcat 的 webapps/ROOT 目录(或自定义上下文路径)。
4、重启 Tomcat,刷新页面即可正常访问。
补充说明:
若前端项目部署在 Tomcat 的非根路径(如 webapps/ruoyi-ui),需确保 web.xml 中的 路径与实际上下文匹配(例如 /ruoyi-ui/index.html)。

若使用 Nginx 作为反向代理,也可在 Nginx 中配置类似的路由重定向(比 Tomcat 配置更常用),示例:
location / {
root /path/to/ruoyi-ui; # 前端打包目录
index index.html;
try_files $uri $uri/ /index.html; # 核心:重定向到 index.html
}
通过以上配置,Tomcat 会将所有前端路由的刷新请求指向 index.html,由前端框架解析路由,避免 404 错误。

http://www.dtcms.com/a/557042.html

相关文章:

  • qcustomplot 显示坐标轴
  • Java Web 项目打包部署全解析:从 IDEA 配置到 Tomcat 运行
  • 如何让网站收录公司名免费网络空间搜索引擎
  • 上海门户网站建设方案河源网络公司
  • WebSocket实战:构建Spring Boot实时聊天应用
  • Go高并发在企业级项目中的实战应用:数据库访问与GIN+GORM深度实践
  • 在网站写小说怎么做封面产品宣传册设计与制作
  • AI学习和研究——环境部署
  • ubuntu中ssh连接root用户
  • (146页PPT)某大型汽车集团企业数字化转型数智化战略规划设计方案(附下载方式)
  • 【Koa.js】 第十课:RESTful API 设计
  • 网站想换个风格怎么做打开网站建设中是什么意思
  • 【26】OpenCV C++实战篇——opencv中 .at<uchar>() 和.ptr<uchar>() 使用方法的区别
  • 2025年10月AGI月评|OmniNWM/X-VLA/DreamOmni2等6大开源项目:自动驾驶、机器人、文档智能的“技术底座”全解析
  • AI训练新纪元:强化学习与LLM深度融合,ChatGPT背后的革命性突破
  • Hudi、Iceberg、Delta Lake、Paimon四种数据湖的建表核心语法
  • 【高阶数据结构】红黑树
  • 许昌网站制作公司百度指数数据分析平台入口
  • 【笔记】解决 ComfyUI 安装 comfy-mtb 节点后 “Face restoration models not found.” 报错
  • 简洁企业网站模板卖水果网站模板
  • Nginx缓存机制优化:FastCGI缓存与浏览器缓存
  • 襄阳万家灯火网站建设爱用建站平台
  • 3.2.2.SpringMVC简介
  • 帝国cms影视网站模板网站app的区别
  • Rust 结构体方法(Methods):为数据附加行为
  • Android Cursor AI代码编辑器
  • git add 一条命令太长换行
  • 数据仓库与传统数据库开发工具架构差异:Web 架构 vs 客户端工具
  • 百度网站快速排名公司营销策略ppt模板
  • 外骨骼机器人:下肢助力走路,减负 30% 的硬核机械魔法