404错误表明服务器收到请求但找不到资源，需按HTTP流程排查：检查文件路径与URL是否一致、确认文件位于服务器根目录、启动Web服务器并测试localhost、核对DocumentRoot和DirectoryIndex配置、排查大小写及扩展名错误、用开发者工具Network定位具体路径。
404 错误说明服务器收到了请求，但找不到对应资源——不是代码写错了，而是路径、部署或协议层面出了问题。直接打开 file:/// 路径的 HTML 文件时出现“404”，那根本就不是 HTTP 问题，而是浏览器拒绝加载；真正在本地服务器上跑却报 404，才需要按 HTTP 流程排查。
用 file:// 协议直接打开 HTML 时 iframe 或图片报 404
这不是路径写错，是浏览器主动拦截。现代 Chrome/Firefox/Safari 对 file:// 协议施加了严格限制：禁止跨目录读取、禁止 iframe 加载同级或子目录下的其他本地 HTML、甚至部分图片也会被拒。
- 临时验证：把所有文件（
index.html、iframe.html、img/logo.png）放进同一目录，改用src="iframe.html"和src="logo.png"（不带./或../），可能勉强工作，但不可靠 - 真正解决：启动一个本地服务器，比如 Python 的
python -m http.server 8000，然后访问http://localhost:8000/index.html - 别信“改绝对路径能行”——
src="file:///full/path/to/iframe.html"在多数新版浏览器里已被禁用，且不同系统路径格式不兼容
在 Apache/Nginx 上访问 HTML 返回 404
核心是确认请求路径是否真的映射到了文件系统上的物理位置。
- 检查
DocumentRoot（Apache）或root（Nginx）配置值，例如/var/www/html，然后确认你的 HTML 文件确实在这个目录下，比如/var/www/html/about.html - 访问 URL 必须与文件位置一致：
http://localhost/about.html对应根目录下的文件；若文件在/var/www/html/pages/contact.html，URL 就得是http://localhost/pages/contact.html - Linux 系统区分大小写：
About.html≠about.html；Windows 下测试正常，一上 Linux 就 404 是常见翻车点 - 检查文件扩展名是否真实存在：Windows 默认隐藏已知扩展名，你看到的
index.html实际可能是index.html.txt，需开启“显示文件扩展名”确认
在 Tomcat 中部署 HTML 后访问 404
Tomcat 默认不把纯 HTML 当作静态资源服务，它更倾向处理 Servlet/JSP，所以路径和部署方式必须匹配其 Web 应用模型。
- HTML 文件不能丢进
webapps/根目录，而要放进某个应用子目录，比如webapps/myapp/index.html，再通过http://localhost:8080/myapp/index.html访问 - 如果想放在根路径（
http://localhost:8080/index.html），需将应用命名为ROOT：解压或复制整个应用到webapps/ROOT/（注意全大写） - 检查
webapps/myapp/WEB-INF/web.xml是否配置了欢迎文件，如index.html http://localhost:8080/myapp/会 404 - Tomcat 不读
.htaccess，也不支持 Apache 那套DirectoryIndex自动 fallback，没明确路径就不找
Django/Flask 等框架中引用 HTML 内部资源（图片、CSS、JS）404
框架不会自动托管任意路径下的静态文件，所有前端资源必须显式注册为“静态资源”，否则路由层就直接 404。
- Django：图片必须放
static/目录（如static/images/icon.svg），模板中用{% static 'images/icon.svg' %}，且settings.py中STATIC_URL和STATICFILES_DIRS必须正确配置 - Flask：静态文件默认从
static/目录提供，引用时写url_for('static', filename='css/main.css')，千万别用./css/main.css这种相对路径 - 浏览器 Network 面板里看请求地址，如果是
http://127.0.0.1:8000/images/icon.svg（缺static/前缀），那 404 是必然的——框架根本没这条路由 - 特殊字符如
ö、å在 URL 中需 UTF-8 编码，但容易出兼容问题，开发期优先用 ASCII 命名
最常被忽略的一点：你以为在修路径，其实是在修协议。直接双击 HTML 文件永远得不到真正的 HTTP 环境，所有基于相对路径、iframe、AJAX、CORS 的行为都可能失真。只要涉及任何跨文件引用，就必须走 http:// ——哪怕只是本地 python -m http.server。这不是多此一举，是绕不开的底层约束。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
