Question

我正在使用socket.io，express和React创建一个实时聊天应用程序。我的问题是直到浏览器基本崩溃之前，我都会收到数百个轮询请求，我不知道为什么。

我已经尝试过设置轮询持续时间，关闭超时，心跳间隔，我已经检查过我的socket.io和socket.io-client是否在同一版本上。在网上找到，但没有任何效果。我敢肯定，这只是我找不到的一个愚蠢的小错误，如果您能帮助的话，那太好了，谢谢！

这是我的代码：

import express from "express";
import socketio from 'socket.io';
import path from 'path';
import ioCookieParser from 'socket.io-cookie-parser'
import http from 'http';

const app = express()
const port = process.env.PORT || 8000
app.set("port", port)

const httpServer = new http.Server(app);

const io = socketio(httpServer);
io.use(ioCookieParser(secret));

io.on('connection', function (client) {
    const userId = client.request.signedCookies._session;

    const clients = new Map();
    client.on('login', () => {
        clients.set(userId, { client })
        console.log("clients :", clients)
    })
    client.on('message', (message) => {
       User.findById(userId, function(err, obj) {
        if(err) {
            console.log(err);
            return null
        }
        let currentUser = obj["email"];
        client.broadcast.emit("received", { message, currentUser });
        Connect.then(db  =>  {
                console.log("connected correctly to the server");
                let  chatMessage  =  new Chat({ message: message, sender: currentUser});
                chatMessage.save();
            });
        })
    })

    client.on('error', function (err) {
        console.log('received error from client:', client.id)
        console.log(err)
    })
});

以下是请求的示例：

GET  localhost:8000 /socket.io/?EIO=3&transport=polling&t=Mideit5&sid=OxvoE0uJbi9DZyk-AAt8  xhr

谢谢！

Answer 1

我的问题是，在React组件中，我声明了：

const socket = io.connect('http://localhost:8000')

在组件内部。

我已将此常量移出组件，现在问题已解决！

数百个来自socket.io的轮询请求，应用程序确实很慢

1 个答案: