improve the connection error msg

This commit is contained in:
LouisLam 2021-07-31 21:13:32 +08:00
parent 7f42888546
commit 9f0be5f531
2 changed files with 10 additions and 5 deletions

View File

@ -1,7 +1,7 @@
<template> <template>
<div v-if="! $root.socket.connected && ! $root.socket.firstConnect" class="lost-connection"> <div v-if="! $root.socket.connected && ! $root.socket.firstConnect" class="lost-connection">
<div class="container-fluid"> <div class="container-fluid">
Lost connection to the socket server. Reconnecting... {{ $root.connectionErrorMsg }}
</div> </div>
</div> </div>

View File

@ -29,6 +29,7 @@ export default {
notificationList: [], notificationList: [],
windowWidth: window.innerWidth, windowWidth: window.innerWidth,
showListMobile: false, showListMobile: false,
connectionErrorMsg: "Cannot connect to the socket server. Reconnecting..."
} }
}, },
@ -47,10 +48,6 @@ export default {
transports: ["websocket"], transports: ["websocket"],
}); });
socket.on("connect_error", (err) => {
console.error(`Failed to connect to the backend. Socket.io connect_error: ${err.message}`);
});
socket.on("info", (info) => { socket.on("info", (info) => {
this.info = info; this.info = info;
}); });
@ -136,8 +133,16 @@ export default {
} }
}); });
socket.on("connect_error", (err) => {
console.error(`Failed to connect to the backend. Socket.io connect_error: ${err.message}`);
this.connectionErrorMsg = `Cannot connect to the socket server. [${err}] Reconnecting...`;
this.socket.connected = false;
this.socket.firstConnect = false;
});
socket.on("disconnect", () => { socket.on("disconnect", () => {
console.log("disconnect") console.log("disconnect")
this.connectionErrorMsg = "Lost connection to the socket server. Reconnecting...";
this.socket.connected = false; this.socket.connected = false;
}); });