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服務器，而無需擔心跨域問題。