nginx - alias 和 root 的区别详解

文章目录

    • [1. 基本概念](#1. 基本概念)
    • [2. `root` 示例](#2. root 示例)
    • [3. `alias` 示例](#3. alias 示例)
    • [4. 最常见的坑](#4. 最常见的坑)
    • [5. 对比总结](#5. 对比总结)
    • [6. 推荐使用场景](#6. 推荐使用场景)
    • [7. 总结](#7. 总结)

在使用 Nginx 部署前端项目或者静态资源时,经常会遇到一个问题:到底该用 root 还是 alias

很多同学第一次写配置时,常常把这两个混用,导致请求路径解析错误,文件 404。本文就来详细讲解 rootalias 的区别,并通过案例帮你彻底搞懂。

1. 基本概念

  • root :将 请求路径 拼接到 root 指定的目录下。
  • alias :将 location 匹配到的路径前缀 替换为 alias 指定的目录。

一句话总结: 👉 root拼接路径alias路径替换

2. root 示例

nginx 复制代码
location /static/ {
    root /var/www/html;
}

请求:

复制代码
http://example.com/static/logo.png

Nginx 的解析过程:

复制代码
root = /var/www/html
location 匹配 /static/
请求路径 = /static/logo.png

最终文件路径 = /var/www/html/static/logo.png

✅ 注意:/static/ 仍然会拼接到 root 后面。

3. alias 示例

nginx 复制代码
location /static/ {
    alias /var/www/images/;
}

请求:

复制代码
http://example.com/static/logo.png

Nginx 的解析过程:

复制代码
alias = /var/www/images/
location 匹配 /static/
去掉 /static/,剩下 /logo.png

最终文件路径 = /var/www/images/logo.png

✅ 注意:/static/ 被完全替换成了 /var/www/images/

4. 最常见的坑

很多人会这样写:

nginx 复制代码
location /static/ {
    root /var/www/images/;
}

然后请求:

复制代码
http://example.com/static/logo.png

Nginx 实际解析:

复制代码
最终路径 = /var/www/images/static/logo.png  ❌

因为 root 会把 location 前缀 /static/ 拼接到后面。正确写法应该是:

nginx 复制代码
location /static/ {
    alias /var/www/images/;
}

这样路径才是:

复制代码
/var/www/images/logo.png ✅

5. 对比总结

特性 root alias
作用方式 拼接请求路径 替换 location 前缀
最终路径 root + location + 请求剩余路径 alias + 请求去掉 location 部分
常见用途 整个站点的根目录 单独路径映射到特殊目录
常见错误 多拼一层目录 忘记在路径后加 /

6. 推荐使用场景

  • 适合用 root

    • 配置整个站点根目录:

      nginx 复制代码
      server {
          root /var/www/html;
          location / {
              index index.html;
          }
      }
  • 适合用 alias

    • 配置子路径资源映射:

      nginx 复制代码
      location /static/ {
          alias /var/www/project/static/;
      }

7. 总结

  • root = 拼接路径,常用于全局网站目录。
  • alias = 替换路径,常用于某个子路径单独映射。
  • 如果要把 /static/ URL 对应到 /var/www/images/ 目录,记得用 alias
  • 如果要整个站点都从 /var/www/html 提供,记得用 root

👉 口诀:

root 拼接,alias 替换。


👉点击进入 我的网站

相关推荐
七夜zippoe6 分钟前
CANN Runtime任务描述序列化与持久化源码深度解码
大数据·运维·服务器·cann
崔庆才丨静觅17 分钟前
比官方便宜一半以上!Midjourney API 申请及使用
前端
Moment20 分钟前
富文本编辑器在 AI 时代为什么这么受欢迎
前端·javascript·后端
崔庆才丨静觅34 分钟前
刷屏全网的“nano-banana”API接入指南!0.1元/张量产高清创意图,开发者必藏
前端
剪刀石头布啊37 分钟前
jwt介绍
前端
爱敲代码的小鱼43 分钟前
AJAX(异步交互的技术来实现从服务端中获取数据):
前端·javascript·ajax
Cobyte1 小时前
AI全栈实战:使用 Python+LangChain+Vue3 构建一个 LLM 聊天应用
前端·后端·aigc
NEXT061 小时前
前端算法:从 O(n²) 到 O(n),列表转树的极致优化
前端·数据结构·算法
剪刀石头布啊1 小时前
生成随机数,Math.random的使用
前端
剪刀石头布啊1 小时前
css外边距重叠问题
前端