改名后首页打不开是因为服务器未配置新文件为默认索引；需同步修改DirectoryIndex（Apache）或index指令（Nginx），托管平台通常不支持自定义，构建工具应配合重命名与路径修正，并清除CDN缓存。
直接改名会断掉首页访问，除非同步改服务器默认索引配置。
改名后打不开首页？这是 DirectoryIndex 在起作用
浏览器访问 https://example.com/ 时，服务器不会“猜”你要看哪个文件，而是按预设顺序查找默认索引文件。Apache 默认查 index.html、index.php 等；Nginx 默认只查 index.html 和 index.htm。你把 index.html 改成 home.html，但没告诉服务器“也请试试 home.html”，它就找不到入口，返回 403（禁止列表）或 404。
- Apache 用户：必须在
.htaccess或虚拟主机配置中加DirectoryIndex home.html index.html - Nginx 用户：需修改
index指令，例如index home.html index.html;，然后重载配置nginx -s reload - 托管平台（如 Hostinger、Vercel、Netlify）：不支持自定义
index文件名，硬改名等于废掉首页 —— 它们只认index.html或明确声明的入口（如next.config.js中的output: 'export'配合index.html）
用 rewrite 伪装成 index.html？别碰这个坑
有人想“保留 home.html 文件，再用 URL 重写让 / 指向它”，这看似绕过配置限制，实则埋雷：
- Apache 的
RewriteRule ^/$ /home.html [L]会让首页变成内部重定向，document.URL仍是/，但页面资源路径（如./css/style.css）可能因相对路径解析出错 - Nginx 的
rewrite ^/$ /home.html break;同样存在路径上下文丢失问题，CSS/JS 加载 404 很常见 - 搜索引擎看到的是
/，但实际内容来自/home.html，若未配X-Robots-Tag或 canonical，可能被判定为重复内容
真要换名？优先走构建流程，不是手动改文件
现代前端项目（Vue、React、Svelte）根本不需要手改 index.html 文件名。构建工具（Vite、Webpack）输出时强制生成 index.html 作为唯一入口。你想用 home.html，正确做法是：
立即学习“前端免费学习笔记（深入）”；
- 保持源码中
index.html不变，仅在构建后脚本里mv dist/index.html dist/home.html - 同时用插件（如
vite-plugin-html）重写生成的index.html内容，把<link href="/assets/xxx.css">改成绝对路径或适配新位置 - 静态托管时，把整个
dist/目录上传，并确保服务器配置已同步更新DirectoryIndex或index
最易被忽略的一点：CDN 缓存。即使你改了服务器配置，CDN（如 Cloudflare）可能还缓存着旧的 404 响应，需要手动 Purge 或设置更短的缓存 TTL。改名不是 rename 一个文件的事，是文件名、服务器指令、构建链路、CDN 策略四者必须对齐。
