- 头像
  • - 评论者头像

    {{ comment.userName || '匿名用户' }}

    {{ comment.content || '' }}

    - @@ -94,12 +94,12 @@
    • - 评论者头像

      @@ -107,8 +107,8 @@ 回复 @{{ reply.replyUserName }}

      {{ reply.content || '' }}

      - @@ -122,7 +122,7 @@ ♡ ♥ {{ reply.likeCount ?? 0 }} - +
    • @@ -350,7 +350,7 @@ onUnmounted(() => { padding: 5px; border: 1px solid #ccc; border-radius: 8px; - position: relative; + position: relative; } .post-cover { @@ -394,7 +394,7 @@ onUnmounted(() => { text-align: left; padding-left: 5px; word-break: break-all; /* 长单词或长串自动换行 */ - white-space: normal; + white-space: normal; } .post-body { diff --git a/珞珈岛-项目相关文件/luojia-island/vue-frontend/src/views/UserPage.vue b/珞珈岛-项目相关文件/luojia-island/vue-frontend/src/views/UserPage.vue index 069ab87..f7431fa 100644 --- a/珞珈岛-项目相关文件/luojia-island/vue-frontend/src/views/UserPage.vue +++ b/珞珈岛-项目相关文件/luojia-island/vue-frontend/src/views/UserPage.vue @@ -226,15 +226,22 @@ const loadUserInfo = async () => { if (isCurrentUser.value) { const storedUsername = localStorage.getItem('username'); const storedAvatar = localStorage.getItem('avatar'); + const storedEmail = localStorage.getItem('email'); + const storedPhone = localStorage.getItem('phone'); + const storedCollege = localStorage.getItem('college'); + const storedGender = localStorage.getItem('gender'); if (storedUsername) { userInfo.value = { username: storedUsername, avatar: storedAvatar || '', role: localStorage.getItem('role') || 1, - userId: localStorage.getItem('userId') + userId: localStorage.getItem('userId'), + email: storedEmail || '', + phone: storedPhone || '', + college: storedCollege || '', + gender: storedGender ? parseInt(storedGender) : 0 }; - console.log('从localStorage恢复用户基本信息:', storedUsername); } } @@ -245,10 +252,24 @@ const loadUserInfo = async () => { timeout: 5000 }); - console.log('获取用户信息响应:', response); + console.log('获取用户信息响应'); if (response && response.code === 200) { userInfo.value = response.data; - console.log('加载到的用户信息:', userInfo.value); + + // 如果是当前用户，更新userStore中的信息 + if (isCurrentUser.value && userStore) { + userStore.updateUserInfo({ + userid: response.data.id, + username: response.data.username, + avatar: response.data.avatar, + email: response.data.email, + phone: response.data.phone, + college: response.data.college, + gender: response.data.gender, + role: response.data.role, + status: response.data.status + }); + } // 加载隐私设置 if (isCurrentUser.value) { @@ -260,14 +281,17 @@ const loadUserInfo = async () => { // 如果是网络错误，但已经从localStorage恢复了基本信息，则继续使用 if ((!error.response || error.code === 'ECONNABORTED') && userInfo.value.username) { - console.log('网络错误，但已恢复基本用户信息，继续使用'); // 不做处理，继续使用已恢复的信息 } else if (isCurrentUser.value) { // 如果是当前用户但未能恢复信息，尝试从userStore获取 userInfo.value = { username: userStore.userInfo.username || '用户', avatar: userStore.userInfo.avatar || '', - userId: userStore.userInfo.userid + userId: userStore.userInfo.userid, + email: userStore.userInfo.email || '', + phone: userStore.userInfo.phone || '', + college: userStore.userInfo.college || '', + gender: userStore.userInfo.gender || 0 }; } else { // 如果是查看其他用户但加载失败 @@ -287,7 +311,7 @@ const loadUserPosts = async () => { ...pageParams } }); - console.log('加载用户帖子响应:', response.data.records); + console.log('加载用户帖子响应'); if (response && response.code === 200) { const newPosts = response.data.records || []; userPosts.value = [...userPosts.value, ...newPosts];