NGINX配置websocket，前端

在NGINX中配置WebSocket需要特别处理，因为NGINX本身并不直接支持WebSocket，但是可以通过反向代理到支持WebSocket的服务器（例如Node.js的Express或Django等）来实现。以下是基本的步骤：

1. **安装第三方模块**：首先，你需要安装`nginx-rtmp-module`或者其他支持WebSocket的模块，如`ngx_http_upstream_socket_module`。

2. **创建一个WebSocket upstream**：在NGINX配置文件中，声明一个新的上游（upstream），这个上游将指向能处理WebSocket请求的实际服务器。

upstream websocket_server {
    server your_websocket_server_ip:port;
}

3. **配置WebSocket代理**：使用`proxy_pass`指令将WebSocket请求转发到指定的上游，同时启用`proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "upgrade";` 来告知浏览器进行Upgrade（从HTTP切换到WebSocket）。

4. **处理WebSocket请求的location**：定义一个特定的location来监听WebSocket连接，并设置适当的路由规则。

location /your/websocket/path {
    if ($http_upgrade = 'websocket') {
        upgrade $request_uri;
        proxy_set_header Host $host;
        proxy_http_version 1.1;
        break;
    }

    # Handle regular HTTP requests
    proxy_pass http://websocket_server;
    proxy_set_header Host $host;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}

5. **重启NGINX**：保存配置后，记得重启NGINX服务以应用新配置。