socketio连接有什么问题？

Question

当我接收或发送数据到 socketio 连接时，我会在 1-3 分钟内在控制台中收到大量 http 请愿书（6k INSIDE LAGGING）。

我在后台使用node+express，在前台使用vue

后端：

app.js

mongoose.connect('mongodb://localhost/app',{useNewUrlParser:true,useFindAndModify:false})
    .then(result =>{
        const server = app.listen(3000)
        const io = require('./sockets/socket').init(server)
              io.on('connection', socket =>{
                //   console.log('client connected')
              })
        if(result){console.log('express & mongo running');
        }
    })
    .catch(error => console.log(error))

我创建了一个 io 实例以在路由上使用它

let io
module.exports = {
    init: httpServer => {
        io = require('socket.io')(httpServer)
        return io;
    },
    getIo:()=>{ 
        if(!io){
            throw new Error('socket io not initialized')
        }
        return io;
    }
}

然后，在路由上，根据逻辑，if,else选择什么类型的socket响应做

router.post('/post/voteup',checkAuthentication, async (req,res)=>{
    //some logic
    if(a.length <= 0){
     io.getIo().emit('xxx', {action:'cleanAll'})
    }
    else if(b.length <= 0){
     io.getIo().emit('xxx', {action:'cleanT',datoOne})
    }
    else{                   
     io.getIo().emit('xxx', {action:'cleanX',dataTwo,dataOne,selected})
    }
    res.json({ serverResponse:'success'})
})

在前面（组件）（用 beforeUpdate 生命周期钩子激活）

getData(){
    let socket = openSocket('http://localhost:3000')
        socket.on('xxx', data => {
        if(data.action === 'cleanX'){
            if(this.selected === data.selected){
                this.ddd = data.dataTwo
            }
            else if(!this.userTeamNickname){
                this.qqq= data.dataOne
            }
        }
        else if(data.action === 'cleanAll'){
            this.ddd= []
            this.qqq= []
        }
        else if(data.action === 'cleanT'){
            this.ddd= data.dataOne
        }
    })            
},

1.什么样的行为会产生这种错误？ 2. 还有其他最有效的方法吗？

Answer 1

看起来 socket.io 无法建立 webSocket 连接并且从未退出轮询。默认情况下，socket.io 连接以 http 轮询开始，在与服务器进行一些协商后，它会尝试建立 webSocket 连接。如果成功，它将停止轮询并仅使用 webSocket 连接。如果 webSocket 连接失败，它会继续进行轮询。

以下是一些可能发生的原因：

1. 客户端和服务器中的 socket.io 版本不匹配。
2. 您在客户端和服务器之间有一些基础设施（代理、防火墙、负载平衡器等）不允许 webSocket 连接通过。
3. 您已将多个 socket.io 服务器处理程序附加到同一 Web 服务器。您不能这样做，因为当多个服务器处理程序尝试响应同一个客户端时，通信会变得非常混乱。

作为测试，您可以强制客户端仅使用 webSocket 连接（根本没有轮询启动）并查看连接是否失败：

let socket = io(yourURL, {transports: ["websocket"]})'
socket.on('connect', () => {console.log("connected"});
socket.on('connect_error', (e) => {console.log("connect error: ", e});
socket.on('connect_timeout', (e) => {console.log("connect timeout: ", e});