websocket 302

处理 WebSocket 遇到 302 重定向问题
当 WebSocket 客户端尝试建立连接并收到 302 状态码时，意味着服务器指示客户端访问另一个 URL 来完成连接。然而，WebSocket 协议本身并不支持自动跟随 HTTP 重定向。因此，需要采取特定措施来处理这种情况。
方法一：修改服务器配置以避免返回 302 响应
最理想的解决方案是在服务器端调整设置，确保不会向 WebSocket 请求发送 302 转移响应。如果可能的话，应该让服务器直接接受来自原始路径的 WebSocket 握手请求而不是将其重定向至其他位置[^2]。
对于某些应用环境而言，可以通过更改应用程序逻辑或 Web 服务器（如 Nginx 或 Apache）配置文件中的路由规则实现这一点：

Nginx: 使用 location 和 proxy_pass 指令指定固定的上游地址；
Apache: 利用 .htaccess 文件内的 RewriteRule 设置固定的目标 URI；

这种方法可以从根本上解决问题，并且不需要对现有代码做出任何改动。
方法二：手动解析 Location Header 并重新发起请求
如果不具备改变服务器行为的能力，则可以在客户端捕获异常情况下的 302 返回值，读取响应头中的 Location 字段获取新的目标URL，之后再基于此创建一个新的 WebSocket 实例继续尝试握手操作[^4]。
下面是一个简单的 JavaScript 示例展示了这一过程:
function createWebSocket(url){
let ws;
try {
ws = new WebSocket(url);

ws.onopen = function() { console.log('Connection opened!'); };
ws.onerror = function(event) {
if (event.target.readyState === event.target.CONNECTING &&
event.code == 1006 /*CLOSE_ABNORMAL*/) {

fetch(url, {method:'GET'})
.then(response => {
if (response.status===302){
const redirectedUrl=response.headers.get("Location");
createWebSocket(redirectedUrl); // Recursive call with updated url
}else{
throw Error(`Unexpected status code ${response.status}`);
}
})
.catch(err=>console.error(err));

}
};

return ws;

} catch(exception){
console.warn('Failed to connect:', exception.message);
}

}
登录后复制
需要注意的是上述方案仅适用于浏览器环境中运行的应用程序。而对于 Node.js 等非浏览器平台来说，由于它们通常拥有更强大的网络库功能，所以可以直接利用这些工具来进行更加复杂的错误恢复流程设计。