Node.js Vue CLI未侦听SocketIO事件

我目前正在使用VueCLI和Nodejs开发聊天应用程序

因此，我建立了代理连接，一切正常，包括来自前端的emit，但VueCLI组件没有侦听来自服务器的emit事件

这是我在vue组件中的“套接字”对象。（在下面的代码中，两个对象的控制台中都没有显示任何内容）

下面是我在“main.js”中的vue-socket.io配置：

另外，这是我的“server.js”代码：

---

这是我第一次将socketIO与前端框架结合使用，已经很累了，请帮忙。

将其放在server.js中

let io = socket(server);

io.sockets.on('connection', (socket) => {
    console.log(`One user joined the chat with ID: ${ socket.id }`)

    socket.on("chat", async (chat) => {
        chat.created = new Date();
        let response = await new Message(chat).save();
        io.sockets.emit("chat", chat);
    });
})

---

把这个放到server.js中

let io = socket(server);

io.sockets.on('connection', (socket) => {
    console.log(`One user joined the chat with ID: ${ socket.id }`)

    socket.on("chat", async (chat) => {
        chat.created = new Date();
        let response = await new Message(chat).save();
        io.sockets.emit("chat", chat);
    });
})

let io = socket(server);

io.on('connection', (socket) => {
    console.log(`One user joined the chat with ID: ${ socket.id }`)

    socket.on("chat", async (chat) => {
        chat.created = new Date();
        let response = await new Message(chat).save();
        io.emit("chat", chat);
    });
})

let io = socket(server);

io.sockets.on('connection', (socket) => {
    console.log(`One user joined the chat with ID: ${ socket.id }`)

    socket.on("chat", async (chat) => {
        chat.created = new Date();
        let response = await new Message(chat).save();
        io.sockets.emit("chat", chat);
    });
})