在 NGINX 反向代理上服务 NGINX Docker 容器如何将所有路由重定向到 index.html

Question

我有一个带有静态站点的简单 NGINX Docker 容器。 Dockerfile 看起来像这样：

FROM nginx
COPY . /usr/share/nginx/html

现在这个容器正在由我们的反向代理提供服务，其配置如下所示：

    server {
            listen 80;
            server_name domain.com;
            return 301 https://$host$request_uri;
    }
    
  #SSL stuff  
    
    
    server {
            listen 443;
            server_name domain.com;
    
            location / {
                    proxy_buffers           16 8K;
                    proxy_set_header        Host $host;
                    proxy_set_header        X-Real-IP $remote_addr;
                    proxy_pass              IP:PORT of container;
                    try_files $uri $uri/  base.html;
            }
    }

我尝试使用 try_files 将每条路由重定向到有效的 index.html 但由于某种原因我执行 /something/somthing 它不起作用，也没有加载 css。

我只需要所有请求都到容器的index.html

Answer 1

尝试添加一个新的location 块来服务静态文件，如果失败，它将回退到指定位置nodeapp。

注意：SSL 内容应该在服务器块内部而不是外部。

server {
    listen 80;
    server_name domain.com;
    return 301 https://$host$request_uri;
}

server {
    listen 443;
    server_name domain.com;

    # BTW, ssl stuff should be here

    location / {
        root /path/to/your/static/files;
        try_files $uri @nodeapp;
    }

    location @nodeapp {
        proxy_buffers           16 8K;
        proxy_set_header        Host $host;
        proxy_set_header        X-Real-IP $remote_addr;
        proxy_pass              IP:PORT of container;
    }
}