浏览器URL末尾出现.html的原因、去除方法及href链接设置

一、为什么除首页外的页面都带.html后缀？ #

这是静态站点部署到虚拟主机时的常见现象，主要有这几个核心原因：

• 你的页面本身就是 静态.html文件 ，虚拟主机默认会直接暴露文件的真实扩展名，访问时自然会显示后缀
• 服务器（比如Apache/Nginx）没开启URL重写功能，无法把无后缀的请求映射到对应的.html文件
• 你在制作页面时， href 链接直接写了带 .html 的路径，用户点击后URL就会显示完整后缀

二、怎么去除.html后缀？ #

根据你用的服务器类型，分两种情况处理：

Apache服务器（大部分虚拟主机默认用这个） #

在网站根目录创建或编辑 .htaccess 文件，添加以下重写规则：

# 开启URL重写引擎
RewriteEngine On
# 让无后缀的请求自动匹配对应的.html文件
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME}\.html -f
RewriteRule ^([^\.]+)$ $1.html [NC,L]
# 可选：把旧的带.html的URL301跳转到无后缀版本，利于SEO和用户体验
RewriteCond %{THE_REQUEST} ^[A-Z]{3,9}\ /([^\ ]+)\.html
RewriteRule ^(.*)\.html$ /$1 [R=301,L]

⚠️ 提醒：如果规则没生效，先联系主机商确认是否开启了 mod_rewrite 模块，以及是否允许使用 .htaccess 。

Nginx服务器 #

找到你的站点配置文件（通常在 /etc/nginx/sites-available/ 目录，或者主机面板的站点设置里），添加以下配置：

server {
    # 保留你原有的server配置（比如listen、server_name、root等）
    # 处理无后缀请求，自动匹配.html文件
    location / {
        try_files $uri $uri.html $uri/ =404;
    # 可选：将带.html的URL永久跳转到无后缀版本
    location ~* \.html$ {
        rewrite ^(.*)\.html$ $1 permanent;