HTML文件返回404说明服务器未找到该文件，主因是路径、部署位置或服务配置未对齐：需确认文件置于Web根目录（如Apache的htdocs、Nginx的root路径、Tomcat的webapps/ROOT或webapps/myapp）、检查DocumentRoot/DirectoryIndex或root/index配置并重启服务、禁用file://访问而改用http://localhost本地服务、通过Network面板核对真实Request URL、避免中文空格及大小写错误，并用curl验证是否真返回404状态码。
HTML文件本身返回404，说明服务器压根没找到它——不是页面内容错了，而是路径、部署位置或服务配置三者没对齐。
确认文件是否真在Web服务器根目录下
服务器不会自动猜你把文件放哪了。Apache默认从htdocs读，Nginx看root指令指向的路径，Tomcat只认webapps/yourapp/结构。
- 把
index.html丢进webapps/ROOT/才能通过http://localhost:8080/访问；丢进webapps/myapp/就得用http://localhost:8080/myapp/ - Linux/macOS服务器严格区分大小写：
Index.html≠index.html，URL里写错一个字母就404 - 别把HTML放在
webapps/平级目录、conf/或lib/里——这些路径不在Web上下文中，Tomcat直接无视
检查DocumentRoot和DirectoryIndex配置
Apache/Nginx不靠“常识”工作，必须明确定义哪里是根、首页叫什么。
- Apache：确认
httpd.conf中DocumentRoot "/path/to/your/site"指向你放HTML的文件夹，且DirectoryIndex index.html已启用 - Nginx：检查
server块内是否有root /path/to/your/site;和index index.html; - 改完配置必须重启服务：
sudo apachectl restart或sudo nginx -s reload，否则修改无效
别用file://双击测试，那根本不是HTTP请求
地址栏显示file:///时出现“404”，其实是浏览器安全策略阻止本地跨目录加载，压根没触发HTTP协议，更谈不上状态码。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
立即学习“前端免费学习笔记（深入）”；
- 关掉当前页面，改用本地服务访问：
http://localhost:5500/index.html（Live Server）、http://localhost:8000/（Python）或http://localhost:5000/（serve） - VS Code装了Live Server插件，就该右键HTML选“Open with Live Server”，别再手动拖文件到浏览器
- 路径含中文、空格或特殊符号（如
C:\my project\）容易被工具截断，换成C:\my_project\更稳妥
Network面板里看真实Request URL，别猜
打开开发者工具 → Network → 刷新 → 找标红的404项，点开看Headers里的Request URL。这个地址就是服务器实际收到的，也是你要校准的目标。
- 如果显示
http://localhost/css/style.css但文件其实在assets/css/，就该改HTML里的<link href="assets/css/style.css"> - 如果
Request URL是http://localhost/user/profile但页面白屏，说明是前端路由history模式缺fallback，不是HTML路径问题 - Content-Type是
application/json？那404来自后端API，前端路由根本没执行，得查后端日志和路由定义
最常被忽略的一点：软404——页面写着“未找到”，但服务器返回的是200 OK。搜索引擎会当正常页面收录，用户刷新后卡死，调试时也看不到真实错误。务必用curl -I http://your-url确认响应头里是HTTP/1.1 404 Not Found，而不是200。
