diff --git a/src/layout/hooks/useNav.ts b/src/layout/hooks/useNav.ts
index 720ddd7..b6ae02e 100644
--- a/src/layout/hooks/useNav.ts
+++ b/src/layout/hooks/useNav.ts
@@ -44,7 +44,7 @@ export function useNav() {
   const userAvatar = computed(() => {
     return isAllEmpty(useUserStoreHook()?.avatar)
       ? Avatar
-      : useUserStoreHook()?.avatar;
+      : `/api/${useUserStoreHook()?.avatar}`;
   });
 
   /** 昵称（如果昵称为空则显示用户名） */
diff --git a/src/views/account-settings/components/Profile.vue b/src/views/account-settings/components/Profile.vue
index 3f173b5..4be8a58 100644
--- a/src/views/account-settings/components/Profile.vue
+++ b/src/views/account-settings/components/Profile.vue
@@ -94,7 +94,7 @@ const onSubmit = async (formEl: FormInstance) => {
     <h3 class="my-8">个人信息</h3>
     <el-form ref="userInfoFormRef" label-position="top" :model="userInfo">
       <el-form-item label="头像">
-        <el-avatar :size="80" :src="userInfo.avatar" />
+        <el-avatar :size="80" :src="`/api/${userInfo.avatar}`" />
         <el-upload
           ref="uploadRef"
           accept="image/*"
diff --git a/src/views/account-settings/index.vue b/src/views/account-settings/index.vue
index 98e9947..c95f9d6 100644
--- a/src/views/account-settings/index.vue
+++ b/src/views/account-settings/index.vue
@@ -31,9 +31,8 @@ const username = computed(() => {
 });
 /** 用户头像 */
 const userAvatar = computed(() => {
-  console.log(useUserStoreHook()?.avatar);
   if (useUserStoreHook()?.avatar) {
-    return useUserStoreHook()?.avatar;
+    return `/api/${useUserStoreHook()?.avatar}`;
   } else {
   }
   return Avatar;