nginx 代理websocket跨域
时间: 2023-08-16 16:05:42 浏览: 184
要在Nginx上代理WebSocket并解决跨域问题,可以按照以下步骤进行配置:
1. 打开 Nginx 配置文件,通常是 `/etc/nginx/nginx.conf` 或 `/etc/nginx/conf.d/default.conf`。
2. 在 `server` 部分中添加以下配置:
```
location /websocket-endpoint {
proxy_pass http://your-websocket-server;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "Upgrade";
proxy_set_header Host $host;
}
```
将 `http://your-websocket-server` 替换为你的 WebSocket 服务器的地址和端口。
3. 在同一个 `server` 部分中添加如下配置来解决跨域问题:
```
location /websocket-endpoint {
...
if ($request_method = 'OPTIONS') {
add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range,Authorization';
add_header 'Access-Control-Allow-Credentials' 'true';
add_header 'Access-Control-Max-Age' 1728000;
add_header 'Content-Type' 'text/plain charset=UTF-8';
add_header 'Content-Length' 0;
return 204;
}
...
add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range,Authorization';
add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';
}
```
这些配置将允许来自任何来源的跨域请求。
4. 保存配置文件并重新启动 Nginx 服务器。
请注意,这只是一个简单的配置示例,你可能需要根据实际情况进行调整。确保你的 WebSocket 服务器可以通过 `http://your-websocket-server` 访问,并根据需要更改其他配置选项。
阅读全文