Nginx配置WebSocket以支持跨域请求的解决方案

要在Nginx中配置WebSocket以支持跨域请求，你需要使用Nginx的http_sub_module模块

1. 首先，确保你已经安装了Nginx。如果没有，请访问Nginx官方网站下载并安装。

2. 打开Nginx配置文件，通常位于/etc/nginx/nginx.conf或/etc/nginx/sites-available/default。在http块中，启用http_sub_module模块：

   http {
       ...
       include /etc/nginx/modules-enabled/*.conf;
       ...
   }
   

3. 在http块中，添加一个新的location块，用于处理WebSocket请求。将proxy_pass指令设置为WebSocket服务器的地址，例如：

   http {
       ...
       server {
           listen 80;
           server_name example.com;
   
           location /websocket {
               proxy_pass http://websocket_backend;
               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;
           }
       }
       ...
   }
   

   其中，http://websocket_backend是你的WebSocket服务器的地址。

4. 为了支持跨域请求，你需要在location块中添加以下CORS相关的头信息：

   http {
       ...
       server {
           ...
           location /websocket {
               ...
               add_header 'Access-Control-Allow-Origin' '*' always;
               add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS' always;
               add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range,Authorization' always;
               if ($request_method = 'OPTIONS') {
                   add_header Access-Control-Max-Age 1728000;
                   add_header Content-Type 'text/plain; charset=utf-8';
                   add_header Content-Length 0;
                   return 204;
               }
           }
       }
       ...
   }
   

   这里，Access-Control-Allow-Origin设置为*，表示允许所有域进行跨域请求。你可以根据需要将其更改为特定的域名。

5. 保存配置文件并重启Nginx服务以应用更改：

   sudo nginx -t
   sudo service nginx restart
   

现在，你的Nginx已经配置好了WebSocket以支持跨域请求。客户端可以通过ws://example.com/websocket（将example.com替换为你的域名）连接到WebSocket服务器，而无需担心跨域问题。