vue3使用socket.io接收消息失败

Question

问题：
vue3使用socket.io无法接收websocket,但是使用html的socket.io.js却可以正常接收消息

第一步
npm i socket.io-client@4.0.0 -S

第二步
import { io } from "socket.io-client";

第三步 setup中加入
let socket = null

第四步onMounted加入

    //初始化
    onMounted(() => {

      // 创建客户端 websocket 的实例
     socket = io("http://192.168.28.99:2120");
socket.on('connect', () => console.log('connect: websocket 连接成功！'))
// 接收到消息的事件
socket.on('message', msg => console.log(msg))

    });

Answer 1

vue3 不太可能影响到 socket.io，毕竟是完全两个类型的东西。

我建议：

1. 先在 onMounted() 函数里打上断点，确认函数执行
2. 确认 websocket 连接成功
3. 查看开发者工具 network 面板，确定消息传递是否成功
4. 确定在连接成功后再发送消息