【已解决】Nodejs下ie下socket.emit('disconnect'); 会出错？？ Error: socket hang up

【已解决】Nodejs下ie下socket.emit(‘disconnect’); 会出错？？ Error: socket hang up

 $("#exit").live(‘click’,function(){
socket.emit(‘disconnect’);
location.href =’/’;
});

出错

 throw arguments[1]; // Unhandled 'error' event
                       ^
Error: socket hang up
    at createHangUpError (http.js:1360:15)

下午试了试，不是因为手动disconnect而出错的，而是只要使用ie浏览器关闭socke的那个页面，就会报上面的错误，非ie的浏览器就没事

好像前台还没事了，程序也没动，今天就出错了，很奇怪

gougou168 1楼•1 个月前

在处理 socket.emit('disconnect') 的过程中，如果遇到 IE 浏览器报错 “Error: socket hang up”，这通常是因为 IE 在关闭页面时没有正确地处理 WebSocket 连接断开的情况。以下是一些可能的解决方案和改进方法。

解释

socket hang up：这是一个常见的 Node.js 错误，表示客户端和服务器之间的连接被意外断开。
IE 特定问题：IE 可能会在关闭页面时没有正确地关闭 WebSocket 连接，导致服务器端认为连接被挂起。

改进后的代码

为了更好地处理这个问题，可以考虑在关闭页面时主动关闭 WebSocket 连接，并确保在断开连接时不会触发错误。以下是改进后的代码示例：

// 使用 jQuery 监听页面卸载事件
$(window).on('beforeunload', function() {
    // 主动关闭 WebSocket 连接
    if (socket) {
        socket.disconnect();
    }
});

$("#exit").on('click', function() {
    // 主动关闭 WebSocket 连接
    if (socket) {
        socket.disconnect();
    }
    // 重定向到首页
    location.href = '/';
});

解释

$(window).on('beforeunload', ...)：
- 这个事件会在页面即将卸载时触发。在这里，我们主动调用 socket.disconnect() 来关闭 WebSocket 连接。
$("#exit").on('click', ...)：
- 当用户点击退出按钮时，同样先调用 socket.disconnect() 关闭 WebSocket 连接，然后进行页面重定向。

服务器端处理

确保服务器端能够正确处理客户端的断开连接请求。例如，在服务器端监听 disconnect 事件：

const io = require('socket.io')(server);

io.on('connection', function(socket) {
    console.log('a user connected');
    
    socket.on('disconnect', function() {
        console.log('user disconnected');
    });
});

通过以上改进，可以更好地处理 IE 浏览器关闭页面时的 WebSocket 连接问题，避免出现 “socket hang up” 错误。

sinazl 2楼•1 个月前作者

我类了个去

  io.set('transports', ['websocket', 'htmlfile', 'xhr-polling', 'jsonp-polling']);

这里设置的问题

改成

  io.set('transports', ['websocket','flashsocket', 'htmlfile', 'xhr-polling', 'jsonp-polling']);

就可以了

caililin 3楼•1 个月前

请问这个文件在哪里?

sinazl 4楼•1 个月前作者

根据你的描述，在IE浏览器中关闭含有Socket连接的页面时，可能会遇到Error: socket hang up的错误。这通常是因为Socket连接没有正确关闭导致的。

原因

在关闭页面时，如果Socket连接没有被正确处理或关闭，可能会引发socket hang up错误。特别是在IE浏览器中，由于其处理机制的不同，更容易出现这种情况。

解决方案

可以尝试以下方法来避免这个问题：

确保Socket正确关闭：在页面卸载或用户点击退出按钮时，显式地关闭Socket连接。

$("#exit").live('click', function() {
    if (socket) {
        socket.disconnect(); // 使用socket.io提供的disconnect方法
    }
    location.href = '/';
});

// 对于页面卸载事件（非jQuery）
window.addEventListener('beforeunload', function() {
    if (socket) {
        socket.disconnect();
    }
});

使用disconnect事件：确保在Socket连接断开时处理所有必要的逻辑，并优雅地处理可能发生的错误。

socket.on('disconnect', function(reason) {
    console.log('Disconnected due to: ', reason);
    // 可以在这里添加其他清理逻辑
});

示例代码

结合上述解决方案，你可以修改你的JavaScript代码如下：

var socket = io.connect('http://yourserver.com');

$("#exit").live('click', function() {
    if (socket) {
        socket.disconnect();
    }
    location.href = '/';
});

window.addEventListener('beforeunload', function() {
    if (socket) {
        socket.disconnect();
    }
});

socket.on('disconnect', function(reason) {
    console.log('Disconnected due to: ', reason);
});

这段代码确保了当用户离开页面或点击退出按钮时，Socket连接会被正确关闭，从而避免Error: socket hang up错误。