Nginx反向代理中/login路径无法返回静态内容求助

问题根源 #

你遇到的404错误是因为Nginx中root指令的路径拼接逻辑：当配置location /login和root /etc/nginx/websites/login时，Nginx会将root路径与location的匹配部分拼接，尝试访问/etc/nginx/websites/login/login（把/login加到root路径后面），但你的index.html实际在/etc/nginx/websites/login目录下，所以找不到文件。

正确配置方案 #

针对你的Vue3静态文件结构，有两种可行的配置方式，同时兼顾SPA路由兼容性（避免刷新页面时404）：

方案1：使用root指令（推荐）

调整root为上层目录，让location /login对应root下的login子文件夹：

server {
    listen 81;

    location /login {
        root /etc/nginx/websites;
        index index.html;
        # 处理Vue SPA路由，刷新或直接访问子路径时返回index.html
        try_files $uri $uri/ /login/index.html;
    }
}

• root /etc/nginx/websites：指定静态文件的根目录为login文件夹的上层路径
• try_files：确保Vue的前端路由正常工作，当请求的文件或目录不存在时，返回login/index.html

方案2：使用alias指令

如果需要保持指向login文件夹的路径，可改用alias指令（它会替换location的匹配部分，而非拼接）：

server {
    listen 81;

    location /login {
        alias /etc/nginx/websites/login;
        index index.html;
        try_files $uri $uri/ /login/index.html;
    }
}

• alias会直接将/login请求映射到/etc/nginx/websites/login目录，避免了路径拼接错误。

验证步骤 #

1. 修改配置后执行nginx -s reload生效
2. 访问localhost/login，此时Nginx会正确加载/etc/nginx/websites/login/index.html
3. 检查Docker日志，确认无文件找不到的报错

额外说明 #

• 你之前用alias时出现的重定向问题，是因为缺少try_files处理SPA路由，导致Nginx尝试跳转至容器内的81端口（本地映射的是80端口），添加try_files即可解决。
• 由于你的项目是Vue3构建的SPA，必须添加try_files指令，否则直接访问/login/xxx这类前端路由路径时会出现404。

内容的提问来源于stack exchange，提问作者Southern Steve