Nginx 正确提供 HTML 静态资源需配置 root 和 index，确保路径、权限（644/755）、MIME 类型匹配；root 定义文件系统基准，index 指定默认页；location 中慎用 root，优先用 alias 精确映射；修改后须 nginx -t 检查语法，并通过 curl 和错误日志调试。
要让 Nginx 正确提供 HTML 页面等静态资源，核心是配置好 根目录（root） 和 默认首页（index），并确保文件路径、权限和 MIME 类型都匹配。
确认 HTML 文件存放位置
Nginx 本身不关心你把 HTML 放在哪，但必须通过 root 指令明确告诉它“从哪个目录开始找文件”。比如你的页面在 /var/www/myapp/index.html，那 root 就应设为 /var/www/myapp，而不是 /var/www 或 /var/www/myapp/（末尾斜杠不影响，但语义更清晰）。
- 推荐将项目独立放在子目录中，避免和系统默认的
/usr/share/nginx/html混用 - 检查文件权限：Nginx 工作进程（通常是
www-data或nginx用户）需有读取权限，至少是644（文件）和755（目录） - 路径中不要含中文或空格，防止 URL 编码或解析异常
正确配置 server 块中的 root 和 index
在 server{...} 内，root 定义的是 URI 到文件系统的映射基准；index 指定当请求目录时自动尝试加载的文件名。
- 例如：
root /var/www/myapp;+index index.html;→ 访问http://example.com/会返回/var/www/myapp/index.html - 若访问
http://example.com/about.html，Nginx 会尝试读取/var/www/myapp/about.html - 如需支持多个默认页，可写成
index index.html index.htm;，按顺序查找
注意 location 匹配对 root 的影响
如果用了 location 块，尤其带路径前缀的（如 location /static/），root 行为不变，但更常用 alias 来做精确映射。
立即学习“前端免费学习笔记（深入）”；
- 错误示范：
location /app/ { root /var/www; }→ 请求/app/index.html会找/var/www/app/index.html（多了一层 app） - 正确做法：
location /app/ { alias /var/www/myapp/; }→ 请求/app/index.html直接映射到/var/www/myapp/index.html - 使用
alias时，末尾斜杠必须一致（alias值结尾有 /，location 也应有 /）
验证与调试常见问题
配置改完别急着 reload，先语法检查再测试行为：
- 运行
sudo nginx -t确保配置无语法错误 - 用
curl -I http://localhost/查看 HTTP 状态码，200 表示成功，403 是权限/禁止访问，404 是路径不对 - 查看 Nginx 错误日志（通常在
/var/log/nginx/error.log），里面会明确写出“Permission denied”或“No such file”等线索 - 浏览器按 F12 打开开发者工具，在 Network 标签里看具体哪个资源加载失败，对比请求路径和服务器实际路径
