404错误是因服务器找不到资源，解决方法包括：检查文件路径与URL一致，确认文件在服务器根目录；启动Web服务器并测试localhost首页；核对配置文件的DocumentRoot和DirectoryIndex设置；排查文件名大小写及扩展名错误；使用浏览器开发者工具查看Network中404请求的具体路径并修正。
如果您尝试运行HTML文件时遇到404错误，这通常意味着服务器无法找到请求的页面资源。该问题常见于本地服务器配置不当或文件路径错误。以下是解决此问题的具体方法：
一、检查文件路径和URL地址
确保浏览器访问的URL与HTML文件在服务器中的实际位置一致。路径错误是导致404最常见的原因。
1、确认HTML文件已放置在服务器的根目录下，例如Apache的htdocs或Nginx的html文件夹。
2、访问页面时使用正确的路径格式，如http://localhost/index.html而非仅打开本地文件路径file:///。
立即学习“前端免费学习笔记（深入）”；
3、若HTML文件位于子目录中，需在URL中包含对应路径，例如http://localhost/pages/test.html。
二、验证Web服务器是否正常运行
404错误可能源于服务器未启动或服务进程异常，需确认服务器处于活动状态。
1、启动您的本地服务器软件（如XAMPP、WAMP、Node.js等）并检查服务状态。
2、通过访问http://localhost查看默认首页是否能加载，以判断服务器是否工作正常。
3、若服务器未响应，请重新启动服务或检查端口占用情况（常用端口为80或443）。
三、核对服务器配置文件设置
错误的服务器配置可能导致请求无法正确映射到目标文件，从而返回404。
1、检查Apache的httpd.conf或Nginx的nginx.conf文件中的DocumentRoot设置是否指向正确的目录。
2、确认配置文件中是否存在类似DirectoryIndex index.html的指令，以允许默认加载index.html。
3、修改配置后必须重启服务器使更改生效。
四、排查文件名和扩展名拼写错误
操作系统对文件名大小写敏感性不同，拼写或扩展名错误会导致找不到文件。
1、确认HTML文件的实际名称与链接中调用的名称完全一致，包括大小写。
2、确保文件扩展名为.html而非.html.txt或其他隐藏扩展名。
3、在Windows系统中可通过“查看”选项卡启用“文件扩展名”显示来检查真实扩展名。
五、使用开发者工具定位具体错误来源
浏览器开发者工具可帮助识别请求的具体资源路径及服务器返回的状态码。
1、按下F12打开开发者工具，切换至“Network”选项卡。
2、刷新页面，观察哪个请求返回了404状态码，并查看其Request URL。
3、根据错误请求路径调整文件位置或链接地址，确保二者匹配。
