📄 配置说明:
location / {
root html/sky;
index index.html index.htm;
}
📌 每一行的含义:
1. location / { ... }
- 表示对请求路径
/(根路径)进行匹配,也就是说访问网站根目录(比如 http://localhost/)时,按照这里的规则处理。 - 它也会匹配所有以
/ 开头的路径(除非你配置了更精确的 location 匹配规则)。
2. root html/sky;
- 表示将请求路径映射到本地目录的路径为
html/sky。 - 这个路径是相对于 nginx 安装目录的,比如 nginx 安装在
/usr/local/nginx/,那么实际目录就是 /usr/local/nginx/html/sky/。 - 例如访问
http://localhost/js/app.js,NGINX 会去找文件:
/usr/local/nginx/html/sky/js/app.js
3. index index.html index.htm;
- 当访问的是目录而不是文件时,比如访问
/,NGINX 会在 root 指定的路径下查找 index.html 或 index.htm 并返回。 - 例如访问
http://localhost/,实际返回的是:
/usr/local/nginx/html/sky/index.html(如果这个文件存在)
✅ 所以总结:
- 是的,这段配置是典型的前端静态资源服务器配置。
- 它告诉 NGINX:把以
/ 开头的所有请求,映射到本地的 html/sky 目录下,主要用于服务 HTML、JS、CSS、图片等前端静态资源。 - 常见于部署前端项目(如 Vue、React、Angular 构建出的
dist 或 build 文件夹)时。