Nginx的WebSocket跨域访问控制怎么配置

来源：恒创科技编辑：恒创科技编辑部

2024-05-07 14:00:21

要配置Nginx以允许WebSocket跨域访问，可以在Nginx配置文件中添加以下内容：

location / {
    if ($http_upgrade != "websocket") {
        proxy_pass http://backend;
        break;
    }
    proxy_pass http://backend;
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "upgrade";
}

在这个配置中，我们首先检查请求是否包含Upgrade头，如果包含且值为websocket，则表示这是一个WebSocket连接。接下来，我们设置Upgrade和Connection头，并将请求代理到后端服务器。注意将http://backend替换为实际的后端服务器地址。

另外，还需要在Nginx配置文件中添加以下内容来允许跨域访问：

location / {
    add_header 'Access-Control-Allow-Origin' '*';
    add_header 'Access-Control-Allow-Credentials' 'true';
    add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
    add_header 'Access-Control-Allow-Headers' 'Origin, Content-Type, Accept, Authorization';
}