index.html存放位置取决于访问方式：直接双击时可放任意本地文件夹，路径相对当前文件；通过Web服务器访问时，必须置于服务器配置的根目录或其子目录下，且需与路由、资源引用及前端配置对齐。
index.html 的存放位置由 Web 服务器决定，不是任意文件夹都行
浏览器打开 index.html 时，路径是否有效，取决于你用什么方式访问它：直接双击打开（file:// 协议）和通过 Web 服务器（http://）访问，行为完全不同。
直接双击打开 index.html 时，路径是相对当前文件的
这种情况下，index.html 可以放在任何本地文件夹里，只要它引用的资源（比如 ./css/style.css、../images/logo.png）路径写对就行。但要注意：
-
file://协议下，浏览器会禁用部分 API（如fetch()跨文件读取、Service Worker），很多现代前端工具链（Vite、Webpack Dev Server）根本无法运行 - 相对路径中的
../不能超出文件系统根目录，否则加载失败且无明确错误提示 - 不同操作系统对大小写敏感性不同（macOS 默认不区分，Linux 区分），
img/Logo.jpg和img/logo.jpg在某些环境会 404
通过 Web 服务器访问时，index.html 必须在服务器配置的「根目录」或子路径下
例如用 npx serve 启动，默认把当前文件夹当作 Web 根目录，此时 index.html 必须放在该文件夹下才能被 http://localhost:3000/ 自动命中；如果把它放进 src/index.html，则需访问 http://localhost:3000/src/index.html，除非你改配置。
- 常见服务器默认首页文件名是
index.html，但可配置为home.html或忽略自动索引（返回 403） - Nginx/Apache 中，
root /var/www/html;表示所有请求从该路径开始查找，index.html必须在此路径下或其子目录中 - Vite 开发服务器默认只代理项目根目录，
public/下的文件可直接通过/xxx访问，但src/index.html不是入口 —— 构建后才生成最终的dist/index.html
部署到生产环境时，index.html 位置必须匹配路由规则
单页应用（SPA）尤其容易出问题：如果用 Vue Router 或 React Router 的 history 模式，所有前端路由（如 /user/profile）实际都应返回同一个 index.html，否则刷新页面会 404。这就要求服务器配置兜底规则，而不是单纯把 index.html 放在哪就完事。
立即学习“前端免费学习笔记（深入）”；
- Netlify / Vercel：默认识别
dist/index.html或build/index.html，但需在构建设置中指定输出目录 - GitHub Pages：用户站点用
username.github.io仓库根目录，项目站点用gh-pages分支或docs/文件夹，index.html必须在对应路径下 - 如果后端是 Express，需要显式加
app.get('*', (req, res) => res.sendFile(path.join(__dirname, 'index.html')))，否则只响应/，其他路径 404
真正关键的不是“能不能放”，而是“放哪之后，请求路径、资源引用、服务器配置、前端路由四者能否对齐”。漏掉任一环，页面就可能白屏、报 404、CSS 不加载，或者路由跳转失效。
