HTML文件404主因是资源物理丢失或路径错位，需先确认是否真丢失；再依情况用回收站、Git历史、浏览器DOM导出或磁盘扫描恢复，并注意补全依赖的CSS/JS等外链资源。
HTML文件丢失导致404，不是服务器配置问题，而是资源本身不在了——得先确认是“真丢了”还是“找错地方了”，再决定用回收站、版本记录还是磁盘扫描来恢复。
检查是否只是路径错位而非真正丢失
很多所谓“丢失”其实是部署时放错了位置。Tomcat只认webapps/yourapp/及其子目录下的文件，webapps/static/index.html和webapps/ROOT/index.html是两个完全独立的应用，互相不可见。
- 打开Tomcat的
webapps/目录，确认目标HTML文件是否真的不在对应应用子目录里（比如myapp/index.html） - 检查URL是否多写了上下文路径：访问
http://localhost:8080/myapp/index.html却把文件放在webapps/ROOT/下，必然404 - Windows用户注意隐藏扩展名：看起来是
index.html，实际可能是index.html.txt；Linux/macOS用户注意大小写：About.html≠about.html
从本地回收站或Git历史中快速还原
如果文件是近期误删且没清空回收站，或项目用了Git，这两条路最快。
Wechat Article Html
下载
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
- Windows：打开回收站 → 按修改日期排序 → 找到对应
.html文件 → 右键“还原” - macOS：打开废纸篓 → 同样按日期筛选 → 拖回原位置
- Git用户：在项目根目录运行
git log --oneline --grep="index.html"或git log --oneline -- index.html，找到最近一次提交哈希后执行git checkout <commit-hash> -- index.html</commit-hash>
用浏览器Elements面板导出现有DOM快照
只要页面曾经成功加载过（哪怕现在打不开），浏览器内存里很可能还存着完整结构。这不是恢复原始文件，但能救内容。
- 在Chrome/Firefox中打开该页面（即使显示空白或报错）→ 按F12 → 切到
Elements标签 → 右键节点 → 选“Edit as HTML” → 全选复制全部内容 - 新建文本文件 → 粘贴 → 保存为
index.html→ 用python -m http.server起服务验证 - 注意：JS动态渲染的内容可能不全，内联样式和部分事件绑定会丢失，但骨架和静态文本基本完整
最后手段：用Recuva或TestDisk扫描磁盘残留
当文件被彻底删除且没备份时，才走这步。成功率取决于磁盘是否被覆盖写入过新数据。
- Windows推荐
Recuva（免费）：选“深度扫描”+“已删除文件”，过滤*.html，优先恢复修改时间匹配的版本 - macOS/Linux可用
photorec（命令行）：它不认文件系统，直接按HTML特征头（或<code>）识别碎片 - 操作前立刻停止向该磁盘写入任何新文件（包括下载、截图、日志），否则残留块可能被覆盖
真正难恢复的不是HTML文件本身，而是它依赖的相对路径资源（比如css/style.css）。导出DOM只能拿回HTML结构，不会自动找回外链的CSS/JS——所以恢复后务必用Network面板逐个核对所有标红请求的Request URL，手动补全缺失文件。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
