Optimize: login

src/App.vue

@@ -2,32 +2,10 @@
 import { onMounted } from "vue";
 import Header from "./components/Header.vue";
 import { RouterView } from "vue-router";
-import { ElNotification } from "element-plus";
-import { userStore } from "@/stores/user";
 import { roomStore } from "@/stores/room";
-import { userInfo as userInfoApi } from "@/services/apis/auth";
-
-const { state: userInfo_, execute: reqUserInfo } = userInfoApi();
-const userState = userStore();
-
-const initApp = async () => {
-  try {
-    await reqUserInfo({
-      headers: {
-        Authorization: localStorage.getItem("userToken") || ""
-      }
-    });
-    if (userInfo_.value) {
-      userState.userInfo = userInfo_.value;
-      roomStore().login = true;
-    }
-  } catch (err: any) {
-    console.error(err);
-  }
-};
 
 onMounted(() => {
-  initApp();
+  if (localStorage.getItem("userToken")) return (roomStore().login = true);
 });
 </script>
 

src/views/CreateRoom.vue

@@ -48,7 +48,7 @@ const operateRoom = async () => {
 
     savePwd.value && localStorage.setItem("password", formData.value.password);
 
-    router.replace(`/${createRoomInfo.value.roomId}/cinema`);
+    router.replace(`/cinema/${createRoomInfo.value.roomId}`);
   } catch (err: any) {
     console.error(err);
     ElNotification({

src/views/JoinRoom.vue

@@ -62,7 +62,7 @@ const JoinRoom = async () => {
 
     savePwd.value && localStorage.setItem("password", formData.value.password);
 
-    router.replace(`/${joinRoomInfo.value.roomId}/cinema`);
+    router.replace(`/cinema/${joinRoomInfo.value.roomId}`);
   } catch (err: any) {
     console.error(err);
     ElNotification({

src/views/oAuth2/callback.vue

@@ -49,6 +49,10 @@ const getUserInfo = async () => {
       isLoading.value = false;
       localStorage.setItem("uname", state.value.username);
       room.login = true;
+      ElNotification({
+        title: "登录成功",
+        type: "success"
+      });
       router.push("/");
     }
   } catch (err: any) {