diff --git a/frontend/src/components/Headbar.vue b/frontend/src/components/Headbar.vue
index c9302b3..2f12a61 100644
--- a/frontend/src/components/Headbar.vue
+++ b/frontend/src/components/Headbar.vue
@@ -39,7 +39,7 @@
               <button type="button" id="dropdown-button" class="flex text-sm bg-gray-800 rounded-full cursor-pointer"
                 aria-expanded="false" data-dropdown-toggle="dropdown-user">
                 <span class="sr-only">打开用户菜单</span>
-                <img class="w-8 h-8 rounded-full" src="/java.svg" alt="user photo">
+                <img class="w-8 h-8 rounded-full" :src="getUserAvatarUrl(user.avatar)" alt="user photo">
               </button>
             </div>
             <div class="z-50 hidden my-4 text-base list-none bg-white divide-y divide-gray-100 rounded-sm shadow-sm  "
@@ -66,7 +66,7 @@
                 </li>
                 <li>
                   <button @click="handleLogoutClick"
-                    class="flex items-center space-x-1 block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100   "
+                    class="flex items-center space-x-1 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100   "
                     role="menuitem">
                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                       stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
@@ -95,6 +95,7 @@ import { useRouter } from "vue-router";
 import useUserAuth from "../composables/auth/useUserAuth";
 import { RouteName, RoutePath } from "../router/constants";
 import AiChatIcon from "./icons/AiChatIcon.vue";
+import { getUserAvatarUrl } from "@/utils/avatarUtil";
 
 const props = defineProps<{
 	changeAssistantVisible: () => void;