温馨提示×

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

小亿
240
2024-05-07 10:41:54
栏目: 编程语言

要配置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连接。接下来,我们设置UpgradeConnection头,并将请求代理到后端服务器。注意将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';
}

在这个配置中,我们设置了允许所有来源访问(Access-Control-Allow-Origin: *),允许携带凭证(Access-Control-Allow-Credentials: true),以及允许的请求方法和头部。根据实际需求,可以根据需要修改这些配置。

完成以上配置后,重新加载Nginx配置文件即可使配置生效。这样就配置了Nginx以允许WebSocket跨域访问。

0