index仅在请求URI以/结尾时查找默认文件，不重写路径；try_files则按序检查文件、目录并支持内部重定向，是SPA路由的必备配置。
在 Nginx 中，index 和 try_files 都能影响首页（如 /）的响应行为，但作用机制完全不同。理解它们的区别与协作方式，是避免首页 404、静态资源错乱或后端路由接管失败的关键。
index 指令：只管“默认文件名”，不参与路径重写
index 是一个简单而被动的指令，仅在请求 URI 以 / 结尾（即目录形式）时生效。它会在指定的 root 路径下，按顺序查找列出的文件名，找到第一个存在的就返回，否则返回 403 或交给后续处理逻辑。
例如：
location / {
root /var/www/html;
index index.html index.htm;
}
当用户访问 https://example.com/ 时，Nginx 实际尝试读取：
→ /var/www/html/index.html（存在 → 返回）
→ 若不存在，则试 /var/www/html/index.htm（存在 → 返回）
→ 都不存在 → 默认返回 403（禁止列表），除非配置了 autoindex on 或其他 fallback。
注意：index 不会改变 URI、不触发重写、不转发请求，也不处理非尾部斜杠的请求（比如 / vs /app）。它对单页应用（SPA）的前端路由毫无帮助。
try_files 指令：主动尝试多个路径/URI，支持回退与内部重定向
try_files 是更灵活、更常用于现代 Web 应用的指令。它按顺序检查每个参数是否对应真实文件或目录，一旦匹配成功就直接返回；若全部失败，最后一个参数可指定一个 URI（以 @named 或 /xxx 形式），触发内部重定向（不改变浏览器地址栏）。
典型 SPA 首页配置：
location / {
root /var/www/html;
try_files $uri $uri/ /index.html;
}
含义是：
→ 先查是否存在与请求 URI 完全一致的静态文件（如 /main.js）
→ 再查是否为目录（如 /blog/，则找 /blog/index.html）
→ 都不命中 → 内部重写为 /index.html，由前端路由接管（如 Vue Router、React Router 的 history 模式）
这个逻辑确保了用户刷新 /user/123 页面时不会 404，而是加载 index.html 并由 JS 解析路径。
index 和 try_files 可以共存，但需注意优先级
两者可以同时出现在一个 location 块中，但行为互不干扰：
– index 只在 try_files 匹配到 $uri/（即一个目录）时才起作用；
– try_files 的 $uri/ 尝试本身会触发 index 查找该目录下的默认文件。
例如：
location / {
root /var/www/html;
index index.php index.html;
try_files $uri $uri/ /fallback.html;
}
当请求 /admin/ 时：
→ $uri（/admin/）不是文件 → 跳过
→ $uri/ 即 /admin//？不，这里 $uri 已带斜杠，所以 $uri/ 等价于 /admin//，实际无效；更准确地说，$uri/ 在 $uri 末尾无斜杠时才有意义。
✅ 正确理解：若请求是 /admin（无尾部斜杠），$uri/ 表示尝试 /admin/ 这个目录 → 存在 → 则启用 index 查找 /admin/index.php 或 /admin/index.html。
因此，index 是 try_files 中目录匹配环节的“配套动作”，不是独立生效的兜底逻辑。
常见错误与建议配置
-
误用 index 代替 try_files 处理 SPA：仅靠
index index.html无法让/user这类非文件路径返回index.html，必须用try_files。 -
root 位置错误导致文件找不到：确保
root或alias设置正确，尤其嵌套location时，root是拼接路径，alias是替换路径。 -
漏掉 $uri/ 导致目录访问失败：要支持
/docs自动找/docs/index.html，$uri/必须保留。 -
生产环境推荐组合：
location / { root /var/www/myapp; try_files $uri $uri/ /index.html; }无需额外写index，因为$uri/触发时默认仍会查index.html（Nginx 内置行为），但显式写上更清晰：index index.html; try_files $uri $uri/ /index.html;
