html网页上传到服务器为什么显示404，怎么解决？

html网页上传到服务器显示404，核心原因是服务器在指定路径下找不到你请求的默认文档或文件，而问题绝大多数出在文件命名、上传位置或服务器配置上，并非代码本身有错。

作为经常和服务器打交道的托管方，我们几乎每天都会收到类似的求助，你可能刚用FTP工具把做好的网页传上去，信心满满地打开域名，结果迎面一个刺眼的404，别急，这个错误在站长新手里出现频率极高,今天咱们就把它彻底捋清楚。

为什么FTP上传后访问提示404错误

上传的目录对不对

很多新手第一次拿到服务器，容易把html文件传到错误的文件夹里，以最常见的Linux服务器搭配宝塔面板或LNMP环境为例，网站运行的根目录通常是/www/wwwroot/你的域名/，而不是/home、/root或者/tmp。

具体验证方法不难：登录宝塔面板，点击“文件”菜单，沿着路径找到www/wwwroot/你的域名/，看看你的html文件是否静静躺在里面，如果用FTP工具连接，默认登录目录往往不是你网站的根目录,你需要手动切换到正确路径后再上传。

默认首页文件名必须叫index

服务器收到访问请求时，会按照你的配置去寻找默认文件，这个文件通常叫index.html、index.php或default.html，如果你把首页命名为我的网页.html、home.html或者index2.html，服务器找不到那个约定的index.html,自然就返回404状态码。

解决步骤：

• 把首页文件重命名为index.html。
• 检查文件名大小写，Linux服务器的文件系统是区分大小写的，Index.html和index.html是两个不同的文件。
• 如果网站有多个页面，从首页通过相对链接跳转时,其他页面也必须存在且路径正确。

文件上传是否完整

FTP上传过程中如果网络波动，可能导致html文件传输不完整，一个破损的html文件虽然不会直接报404，但会引起服务器解析异常或显示空白,建议上传后对比一下本地与服务器端文件大小是否完全一致。

网页上传到服务器打不开的其他常见原因

访问端口和域名解析问题

如果你用IP地址加端口访问，比如http://服务器IP:8080，需要先确认服务器安全组里放行了这个端口，云厂商默认只开放80和443端口，8080这类端口需要在控制台配置安全规则，否则外部请求到达不了你的Web服务,自然打不开。

排查顺序：

1. 在本地浏览器输入http://服务器IP，如果能看到页面,说明站点本身没问题。
2. 如果IP能访问但域名不行，问题出在DNS解析或域名备案上（国内服务器访问需备案）。
3. 如果IP也打不开，尝试在服务器上用curl -I http://localhost测试,看看本机Web服务是否正常响应。

伪静态或URL重写规则导致404

这个情况更多出现在带路由的html单页应用或中大型手工站，你设置了伪静态规则，比如把所有请求重写到index.html，但规则没写对，或者缺少对应的rewrite模块，访问/about时，服务器试图查找/about这个物理文件,找不到就报404。

解决办法：

• 检查Nginx或Apache配置文件里的try_files指令（Nginx）或RewriteRule（Apache）。
• 常见Nginx写法：try_files $uri $uri/ /index.html;
• 改完配置后务必执行nginx -t测试语法，再systemctl reload nginx重载。

排查服务器404错误从这三个方向入手

查看Web服务器日志

日志会准确告诉你为什么404，以Nginx为例，错误日志路径一般在/www/wwwroot/你的域名/logs/或/var/log/nginx/，找到

error.log，搜一下最近的时间戳,里面通常会写类似这样的内容：

open() "/www/wwwroot/example.com/index.html" failed (2: No such file or directory)

看到这行日志，问题就一目了然：服务器在/www/wwwroot/example.com/下没找到index.html，日志是排查所有Web问题的第一把钥匙,能少走很多弯路。

检查站点配置文件里的站点目录

打开你网站对应的Nginx配置文件（通常在/www/server/panel/vhost/nginx/你的域名.conf），看root这一项指向哪里，有时候你手动改过配置，把root指到了别的目录，但没有把文件放到那个目录里。root指令的值就是网站的物理根目录，所有html文件都要放在它下面。

使用FTP工具时注意目录权限

即使文件路径对了，如果目录权限不够，Web服务（一般以www用户运行）没有读取权限，也会被拒绝访问或报404，对于静态html文件，目录权限建议设为755，文件权限设为644。

命令参考：

chown -R www:www /www/wwwroot/你的域名/
find /www/wwwroot/你的域名 -type f -exec chmod 644 {} ;
find /www/wwwroot/你的域名 -type d -exec chmod 755 {} ;

部署html网站到云服务器的价格与方案对比

这个问题常常被新手忽略，但事实上云服务器选择不当也可能导致页面打不开，便宜的低配共享IP服务器，容易出现IP被墙或邻居站点受影响的情况，国内主流的酷番云、简米云轻量应用服务器，入门款价格大概在一年几十到几百元不等，新用户优惠力度较大，海外服务器（如Vultr、搬瓦工）则免备案，但国内访问速度可能波动，行业共识认为，个人博客或企业展示站选1核2G内存的配置足够跑静态HTML,关键是带宽和线路延迟。

如果你想先本地测试再用FTP上传，完全没问题，但真正上线前,建议在服务器命令行直接验证文件存在性：

ls -l /www/wwwroot/你的域名/

如果这个命令列出了index.html，那404基本就和文件位置无关了,继续查配置和权限。

关于html页面上传后404的常见疑问

为什么本地双击html文件能打开，上传到服务器却404

本地双击html文件是用浏览器直接读取本地磁盘文件，不走HTTP协议，也不涉及服务器配置，上传到服务器后，浏览器访问的是Web服务，服务端必须正确地找到并返回文件。本地能打开不代表服务器环境正常,两者机制完全不同。

上传html到宝塔面板需要设置什么

宝塔面板购买的网站项目里，需要先创建站点，创建时填写域名，自动生成网站根目录（通常在/www/wwwroot/域名），然后进入“文件”模块，把html文件上传到这个根目录，并确保文件名是index.html，如果还是打不开，去“网站”列表中找到对应站点，点击“设置”，检查“配置文件”里的root路径是否与上传目录一致。

html页面引用的CSS和JS文件404怎么处理

最常见的是路径写错，比如<link href="css/style.css">，这个相对路径是相对于当前URL的，如果当前页面是/sub/index.html，它就会去请求/sub/css/style.css，建议在HTML头部统一用根目录绝对路径/css/style.css，并保证文件实际存在于服务器的/css/目录下，另一种情况是文件名大小写不一致，Windows下开发时大小写不敏感,但Linux服务器严格区分。

说到底，html网页上传到服务器显示404并不可怕，绝大多数情况都是三个原因：传错目录、文件名不是index、路径大小写不匹配，按照上面的排查顺序走一遍，先看日志，再查目录，最后检查配置，五分钟内基本能定位问题，下次再遇到404,你就知道该先去看哪一个文件夹了。