vue3 websocket 前端配置

import VueSocketIO from "vue-3-socket.io";

let socket;
onMounted(() => {
  const socketConfig = {
    connection:
      "http://127.0.0.1:7001" + "?usekey=" + localStorage.getItem("m-token"),
  };
  //-------------------------------------------------
  //version 1
  socket = new VueSocketIO(socketConfig);

  socket.io.on("connect", () => {
    console.log("connected");
  });
  socket.io.on("disconnect", () => {
    console.log("disconnected");
  });
  socket.io.on("res", () => {
    console.dir("data is", data);
  });
  socket.emitter.addListener(
    "data",
    (data) => {
      console.log('data is:', data);
    },
    { $options: { name: "Home" } }
  );
  socket.emitter.addListener(
    "res",
    (data) => {
      console.log('res is:', data);
    },
    { $options: { name: "Home" } }
  );
  //-------------------------------------------------
});
const sendMessage = () => {
  if (message.value === "") {
    return;
  }
  console.dir("send message");
  //version 1
  // console.log('socket.io.emit',socket.io.emit);
  const date = new Date();
  socket.io.emit("index", {
    date: `${date.getFullYear()}/${date.getMonth() + 1}/${date.getDate()} 
${date.getHours()}:${date.getMinutes()}:${date.getSeconds()} message:`,
    text: message.value,
  });
};