修复 无缝登录的请求流程错误

Author: yumao233

src/app/App.vue

@@ -79,30 +79,17 @@ export default {
   methods: {
     toAside() {
       this.drawer = !this.drawer;
-    },
-    nav() {
-      // 若用户地址本身不为根目录，则不管
-      console.log("路由地址:", this.$route.path);
-      if (this.$route.path != "/") return;
-      // 根据不同的用户类型进行跳转
-      const userInfo = this.$store.state.userInfo;
-      if (userInfo && userInfo.permission >= 10) {
-        console.log("导航至管理界面");
-        router.push({ path: "/overview" });
-      } else {
-        console.log("导航至普通界面");
-        router.push({ path: "/home" });
-      }
     }
   },
   async beforeCreate() {
+    // 第一次刷新后，尝试获取一次用户数据
+    // 如果失败，则导航至 / 视图进一步决定跳转路由
     try {
-      console.log("正在初始化用户信息，执行: await setupUserInfo()");
       await setupUserInfo();
-      this.nav();
+      const userInfo = this.$store.state.userInfo;
+      if (!userInfo || !userInfo.uuid) throw new Error("userInfo.uuid is null");
     } catch (error) {
-      console.log("App.vue setupUserInfo():", error);
-      router.push({ path: "/login" });
+      router.push({ path: "/" });
     }
   },
   async mounted() {

src/app/service/protocol.js

@@ -91,7 +91,7 @@ export async function requestUserInfo(advanced = null) {
   });
   store.commit("setUserInfo", info);
   store.commit("setToken", info.token);
-  console.log("用户身份", store.state.userInfo);
+  console.log("用户身份信息：", store.state.userInfo);
   return info;
 }
 

src/app/views/Login.vue

@@ -214,18 +214,15 @@ export default {
           duration: 0
         });
       }
+      // 等待动画效果完毕
       await sleep(1500);
-      // router.push({ path: `/` });
-      // window.location.href = "/";
+      // 无缝切换，不采用刷新方法登录系统
+      this.$router.push({ path: `/` });
     },
     async requestLoginInfo() {
       const res = await request({
         method: "POST",
-        url: API_USER_LOGIN_INFO,
-        data: {
-          username: this.form.username,
-          password: this.form.password
-        }
+        url: API_USER_LOGIN_INFO
       });
       this.loginInfo = res?.loginInfo ?? "";
     }

src/app/views/Root.vue

@@ -21,32 +21,40 @@
 
 <template>
   <Panel v-loading="true">
-    <template #title>板块</template>
+    <template #title>处理中...</template>
     <template #default>
       <el-skeleton :rows="12" />
     </template>
   </Panel>
 </template>
 <script>
 import Panel from "../../components/Panel";
-// import router from "../router";
+import router from "../router";
+import { setupUserInfo } from "../service/protocol";
 export default {
   components: { Panel },
   data: function () {
     return {};
   },
   methods: {},
   async mounted() {
-    // const userInfo = this.$store.state.userInfo;
-    // if (userInfo.uuid) {
-    //   if (userInfo.permission >= 10) {
-    //     console.log("辅助链接 - 导航跳转至高权限界面");
-    //     router.push({ path: "/overview" });
-    //   } else {
-    //     console.log("辅助链接 - 导航跳转至普通界面");
-    //     router.push({ path: "/home" });
-    //   }
-    // }
+    try {
+      // 为了适配无缝登录，这里必须还需要再请求一次数据
+      await setupUserInfo();
+      const userInfo = this.$store.state.userInfo;
+      if (!userInfo || !userInfo.uuid) throw new Error(`userInfo status error: ${userInfo}`);
+      if (userInfo.permission >= 10) {
+        console.log("辅助链接 - 导航跳转至高权限界面");
+        router.push({ path: "/overview" });
+      } else {
+        console.log("辅助链接 - 导航跳转至普通界面");
+        router.push({ path: "/home" });
+      }
+      return;
+    } catch (error) {
+      console.log("App.vue setupUserInfo() ERROR:", error);
+      router.push({ path: "/login" });
+    }
   }
 };
 </script>