添加开始游戏前，进行连接检测

src/pages/battle-room.vue

@@ -15,6 +15,7 @@ import PlayersRow from "@/components/PlayersRow.vue";
 import SModal from "@/components/SModal.vue";
 import ScreenHint from "@/components/ScreenHint.vue";
 import { getRoomAPI, destroyRoomAPI, exitRoomAPI, startRoomAPI } from "@/apis";
+import { checkConnection } from "@/util";
 import { MESSAGETYPES, roundsName, getMessageTypeName } from "@/constants";
 import useStore from "@/store";
 import { storeToRefs } from "pinia";
@@ -279,6 +280,7 @@ const exitRoom = async () => {
 };
 
 onMounted(() => {
+  checkConnection();
   uni.$on("socket-inbox", onReceiveMessage);
 });
 

src/pages/first-try.vue

@@ -11,7 +11,7 @@ import Container from "@/components/Container.vue";
 import Avatar from "@/components/Avatar.vue";
 import BowPower from "@/components/BowPower.vue";
 import { createPractiseAPI } from "@/apis";
-import { generateCanvasImage } from "@/util";
+import { generateCanvasImage, checkConnection } from "@/util";
 import { MESSAGETYPES } from "@/constants";
 import useStore from "@/store";
 import { storeToRefs } from "pinia";
@@ -72,6 +72,7 @@ async function onReceiveMessage(messages = []) {
 }
 
 onMounted(() => {
+  checkConnection();
   uni.$on("socket-inbox", onReceiveMessage);
 });
 

src/pages/index.vue

@@ -17,7 +17,7 @@ import { storeToRefs } from "pinia";
 const store = useStore();
 const { updateConfig, updateUser, updateDevice, updateRank } = store;
 // 使用storeToRefs，用于UI里显示，保持响应性
-const { user, device, remoteConnect, rankData } = storeToRefs(store);
+const { user, device, rankData } = storeToRefs(store);
 const showModal = ref(false);
 const isIos = ref(true);
 

src/pages/practise-one.vue

@@ -9,7 +9,7 @@ import SButton from "@/components/SButton.vue";
 import Avatar from "@/components/Avatar.vue";
 import BowPower from "@/components/BowPower.vue";
 import { createPractiseAPI, getHomeData } from "@/apis";
-import { generateCanvasImage } from "@/util";
+import { generateCanvasImage, checkConnection } from "@/util";
 import { MESSAGETYPES, roundsName } from "@/constants";
 import useStore from "@/store";
 import { storeToRefs } from "pinia";
@@ -62,6 +62,7 @@ async function onComplete() {
 }
 
 onMounted(() => {
+  checkConnection();
   uni.$on("socket-inbox", onReceiveMessage);
 });
 

src/pages/practise-two.vue

@@ -9,7 +9,7 @@ import SButton from "@/components/SButton.vue";
 import Avatar from "@/components/Avatar.vue";
 import BowPower from "@/components/BowPower.vue";
 import { createPractiseAPI, getHomeData } from "@/apis";
-import { generateCanvasImage } from "@/util";
+import { generateCanvasImage, checkConnection } from "@/util";
 import { MESSAGETYPES } from "@/constants";
 import useStore from "@/store";
 import { storeToRefs } from "pinia";
@@ -66,6 +66,7 @@ async function onComplete() {
 }
 
 onMounted(() => {
+  checkConnection();
   uni.$on("socket-inbox", onReceiveMessage);
 });