From c5b8321ac40b8e73ed99ae913ed4816ef224d798 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?= <me@yanhao.ren>
Date: Thu, 16 Oct 2025 14:11:47 +0800
Subject: [PATCH] =?UTF-8?q?feat(src/pages/index.page.vue):=20=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=20WebSocket=20=E4=BA=8B=E4=BB=B6=E6=97=A5=E5=BF=97?=
 =?UTF-8?q?=E8=AE=B0=E5=BD=95=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/index.page.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/pages/index.page.vue b/src/pages/index.page.vue
index 8feceb1..aa43783 100644
--- a/src/pages/index.page.vue
+++ b/src/pages/index.page.vue
@@ -47,7 +47,8 @@ const connectWebSocket = async () => {
 
     ws.value = new WebSocket(wsUrl);
 
-    ws.value.onopen = () => {
+    ws.value.onopen = (event) => {
+      console.log('[onopen] event :>> ', event);
       wsConnected.value = true;
       wsLoading.value = false;
       connectionAttempts.value = 0;
@@ -56,11 +57,14 @@ const connectWebSocket = async () => {
     };
 
     ws.value.onmessage = (event) => {
+      console.log('[onmessage] event :>> ', event);
       wsMessages.value.push(`📨 收到: ${event.data}`);
       scrollToBottom();
     };
 
     ws.value.onclose = (event) => {
+      console.log('[onclose] event :>> ', event);
+
       wsConnected.value = false;
       wsLoading.value = false;
       const reason = event.reason || '连接意外断开';
@@ -82,6 +86,7 @@ const connectWebSocket = async () => {
     };
 
     ws.value.onerror = (error) => {
+      console.error('[onerror] error :>> ', error);
       wsLoading.value = false;
       const errorMessage = error instanceof Error ? error.message : String(error);
       wsMessages.value.push(