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,
});
};
vue3 websocket 前端配置
于 2022-06-29 20:49:58 首次发布
关键词由CSDN通过智能技术生成