使用alias配置Nginx根目录html子目录时，HTML页面无法显示如何解决？

问题分析 #

访问https://johnrose.mywire.org/summer.html时，Nginx会在根目录/home/manager/www下查找summer.html，但该文件实际存放在/home/manager/www/html/目录中，因此返回404。同时现有配置存在两处语法问题：

• index index.html语句末尾缺少分号
• location /html/的alias路径未以/结尾且缺少分号，会导致路径拼接错误

修复方案 #

可根据实际需求选择以下任意一种方案：

方案1：修改根路径的文件查找逻辑 #

调整location /的try_files规则，让Nginx在根目录找不到文件时，尝试到html目录下查找：

location / {
    try_files $uri $uri/ /html$uri =404;
}

同时修正location /html/的语法错误：

location /html/ {
    alias /home/manager/www/html/;
    index index.html;
    try_files $uri $uri/ /html/index.html;
}

方案2：将根目录直接指向html文件夹 #

如果所有前端文件都集中在html目录下，可直接修改root路径简化配置：

server {
    server_name johnrose.mywire.org;
    root /home/manager/www/html;

    location / {
        try_files $uri $uri/ =404;
    }

    location /images/ {
        alias /home/manager/www/images/;
    }
}

此方案下，访问/summer.html会直接查找/home/manager/www/html/summer.html，图片引用/images/summer.jpg会指向/home/manager/www/images/summer.jpg，完全匹配文件结构。

方案3：单独匹配HTML文件路径 #

添加专门的location规则处理所有.html结尾的请求，指向html目录：

location ~ \.html$ {
    root /home/manager/www/html;
    try_files $uri =404;
}

此方案不影响其他路径的原有配置，仅针对HTML文件做路径映射。

操作步骤 #

1. 修改/etc/nginx/sites-available/johnrose.mywire.org配置文件
2. 执行nginx -t检查配置语法是否正确
3. 执行systemctl reload nginx重启Nginx服务

内容的提问来源于stack exchange，提问作者Manager Rose