src/layouts/BasicLayout.tsx

@@ -78,7 +78,7 @@ export default defineComponent({
     const [collapsed, setCollapsed] = useState(false);
 
     const { menuItems } = useMenuStore();
-    const { phone } = useUserStore();
+    const { phone, nickname } = useUserStore();
     const {
       tabs,
       cachedViews,
@@ -138,6 +138,9 @@ export default defineComponent({
         if (res.code == 200) {
           message.success('密码修改成功');
           setChangePwdVisible(false);
+          window.setTimeout(() => {
+            auth.logout();
+          }, 1500);
         } else {
           message.error(res.msg || '修改失败');
         }
@@ -229,7 +232,7 @@ export default defineComponent({
 
               {/* 右侧: 账号信息 + 退出 */}
               <div class={styles.headerRight}>
-                <span class={styles.userPhone}>{phone.value}</span>
+                <span class={styles.userPhone}>{nickname.value}</span>
                 <Dropdown trigger={['hover']} placement="bottomLeft">
                   {{
                     default: () => <img src={logoutSvg} class={styles.logoutIcon} />,

src/pages/login/index.tsx

@@ -55,6 +55,11 @@ export default defineComponent({
 
       try {
         const res = await loginApi({ phone: form.phone, password: form.password });
+        if (res.code != 200) {
+          message.error(res.msg || '登录失败');
+          return;
+        }
+
         setUser({ phone: form.phone, nickname: res.data.nickname, token: res.data.token });
 
         if (rememberMe.value) {