examples/vue-ts-example-2025
1
0
Fork 0
Code Issues 1 Pull Requests 9 Actions Packages Projects Releases Wiki Activity

feat(src/pages/index.page.vue): 添加 WebSocket 事件日志记录功能
Some checks failed
/ playwright (push) Successful in 2m7s
Details
/ build-and-test (push) Failing after 1m53s
Details
CI/CD Pipeline / playwright (push) Successful in 3m42s
Details
CI/CD Pipeline / build-and-deploy (push) Successful in 4m50s
Details

Browse Source
This commit is contained in:
严浩
2025-10-16 14:11:47 +08:00
parent 2aef0739ce
commit c5b8321ac4
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/pages/index.page.vue
View File

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