HTML页面404错误的原因-html教程-PHP中文网

404错误表示服务器未找到请求资源，主因是URL路径与文件物理位置不匹配、未启动Web服务器而直开file://、服务器根目录配置错误、相对路径在服务端解析异常或浏览器安全策略拦截。

html页面404错误的原因

HTML页面报404，不是页面写错了，而是服务器压根没“看见”那个文件——它连找的机会都没有。

请求路径和文件物理位置对不上

浏览器地址栏里写的 http://localhost/pages/about.html，但你实际把 about.html 放在了项目根目录下，没建 pages 文件夹，服务器自然找不到。

检查 URL 中的路径是否严格对应文件系统里的目录结构（注意大小写，Linux/macOS 区分，Windows 通常不区分但 Web 服务器可能区分）
确认文件扩展名是 .html，不是 .html.txt 或隐藏了系统扩展名
用终端或资源管理器直接打开文件所在目录，复制完整路径，再比对 URL 路径是否能逐级映射过去

没走 Web 服务器，直接双击打开 HTML

用 file:/// 协议打开本地 HTML 文件时，iframe、fetch、相对路径 CSS/JS 都可能因浏览器安全策略失效，报错却显示 “404 Not Found”，其实是访问被拒，不是真丢文件。

这类“404”本质是浏览器拦截，控制台常伴随 Cross-Origin Request Blocked 或 Not allowed to load local resource
必须启动本地服务：用 python3 -m http.server 8000、npx serve 或 VS Code Live Server 插件
访问地址必须是 http://localhost:8000/xxx.html，而非 file:///xxx.html

Web 服务器配置指向了错误的根目录

Apache 的 DocumentRoot、Nginx 的 root、Tomcat 的 webapps/yourapp 目录，只要配错一格，所有路径就全偏移。

DeepBI DHTML 页面生成器

生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur

下载

Apache：检查 httpd.conf 或虚拟主机配置里的 DocumentRoot "/path/to/your/site"
Tomcat：确认 HTML 是否放在 webapps/yourapp/ 下，且访问 URL 是 http://localhost:8080/yourapp/index.html
改完配置后必须重启服务，否则修改不生效

静态资源路径在 iframe 或 JS 中写成了相对路径

在父页面 /dashboard.html 里能跑，但部署到 Jenkins/Jetty 后崩了——因为这些服务对相对路径的解析逻辑和浏览器 file:// 完全不同。

iframe 的 src 建议统一用绝对路径，比如 src="/static/report/index.html"
如果用 JS 动态拼接路径，确保基地址来自 window.location.origin + window.location.pathname，而不是硬编码 ../
Jetty、Stapler（Jenkins）、某些嵌入式服务会重写 URL 上下文，.. 很容易越界落到未授权路径

最容易被忽略的一点：404 错误本身不报错在 HTML 代码里，它发生在网络层。所以哪怕页面语法完全正确，只要服务器找不到那个 URL 对应的磁盘文件或路由规则，就一定会返回 404——跟你的

写没写闭合标签毫无关系。