前端使用连接 socket.io

发布时间 2023-11-24 10:04:05作者: 焦廉琨
//安装
npm install socket.io-client
//引入
import { io } from "socket.io-client";
//页面链接
onMounted(() => {
  // 初始化 Socket.IO
  const socketio = io("http://192.168.1.2:1000");
  socketio.on('connect', () => {
    console.log('与后端 Socket.IO 服务器连接成功');
    // 向服务器发送确认消息
  socketio.emit('confirmation', { message: '确认连接' });
    // 接收返回训练数据
    socketio.on('result', function (data) {
      // console.log(data);
  });
  socketio.on('disconnect', (res) => {
    console.log('与后端 Socket.IO 服务器断开连接');
  });
  socketio.on('error', (error) => {
    console.error('与后端 Socket.IO 服务器连接错误:', error);
  });
});