nginx ui 反向代理

### 配置 Nginx 作为 UI 应用的反向代理

为了使 Nginx 成功充当 UI 应用程序的反向代理，需确保正确设置 `location` 块中的参数以便有效地转发请求给后端服务。对于 WebSocket 或者长时间连接的应用特别需要注意超时时间以及 HTTP 版本等配置。

以下是针对 UI 应用的一个典型 Nginx 反向代理配置实例：

server {
    listen       80;
    server_name  ui.example.com;

    location / {
        proxy_pass         http://localhost:3000/;
        proxy_http_version 1.1;
        proxy_set_header   Upgrade $http_upgrade;
        proxy_set_header   Connection 'upgrade';
        proxy_set_header   Host $host;
        proxy_cache_bypass $http_upgrade;
        proxy_connect_timeout 5s;
        proxy_send_timeout  600s;
        proxy_read_timeout  600s;
    }

    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   html;
    }
}

此配置文件指定了当接收到对域名 `ui.example.com` 的访问请求时，Nginx 将这些请求通过反向代理发送至运行在本地 3000 端口上的应用程序[^1]。同时设置了较长的读取和写入超时时间以适应可能存在的慢速响应情况，并启用了 WebSocket 支持所需的头部信息传递功能[^2]。

另外，如果涉及到多个后端服务器，则可以通过定义 upstream 来实现更复杂的负载均衡机制[^3]；而对于特定路径下的资源映射也可以单独设立相应的 `location` 规则来处理不同类型的流量需求[^4]。

最后，在完成上述更改之后务必重启或重新加载 Nginx 使其生效并验证新配置是否正常工作[^5]。