统一前端错误读取和调试日志

frontend/src/features/admin/components/AdminUserDialog.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { readError } from '@/shared/utils/error'
 import { ElMessage } from 'element-plus'
 import { ref, watch } from 'vue'
 
@@ -79,13 +80,6 @@ async function handleSave() {
   }
 }
 
-function readError(error: unknown, fallback: string) {
-  if (typeof error === 'object' && error && 'response' in error) {
-    const response = (error as { response?: { data?: { message?: string } } }).response
-    return response?.data?.message || fallback
-  }
-  return fallback
-}
 </script>
 
 <template>

frontend/src/features/admin/components/AnnouncementDialog.vue

@@ -7,6 +7,7 @@ import type {
   CreateAnnouncementRequest,
   UpdateAnnouncementRequest,
 } from '@/features/admin/api/adminAnnouncements'
+import { debugError } from '@/shared/utils/debug'
 
 interface Props {
   visible: boolean
@@ -89,7 +90,7 @@ async function handleSave() {
     await formRef.value.validate()
     emit('save', formData.value)
   } catch (error) {
-    console.error('表单验证失败', error)
+    debugError('表单验证失败', error)
   }
 }
 </script>

frontend/src/features/admin/components/AssignPermissionsDialog.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { readError } from '@/shared/utils/error'
 import { ElMessage } from 'element-plus'
 import { ref, watch } from 'vue'
 
@@ -94,13 +95,6 @@ function isGroupPartial(perms: Permission[]) {
   return perms.some(p => selectedPermIds.value.includes(p.id)) && !isGroupAllSelected(perms)
 }
 
-function readError(error: unknown, fallback: string) {
-  if (typeof error === 'object' && error && 'response' in error) {
-    const response = (error as { response?: { data?: { message?: string } } }).response
-    return response?.data?.message || fallback
-  }
-  return fallback
-}
 
 const resourceLabels: Record<string, string> = {
   dashboard: '仪表盘',

frontend/src/features/admin/components/AssignRolesDialog.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { readError } from '@/shared/utils/error'
 import { ElMessage } from 'element-plus'
 import { ref, watch } from 'vue'
 
@@ -52,13 +53,6 @@ async function handleSave() {
   }
 }
 
-function readError(error: unknown, fallback: string) {
-  if (typeof error === 'object' && error && 'response' in error) {
-    const response = (error as { response?: { data?: { message?: string } } }).response
-    return response?.data?.message || fallback
-  }
-  return fallback
-}
 </script>
 
 <template>

frontend/src/features/admin/components/GeneralConfigDialog.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { readError } from '@/shared/utils/error'
 import { ElMessage } from 'element-plus'
 import { computed, ref, watch } from 'vue'
 
@@ -64,13 +65,6 @@ async function handleSave() {
   }
 }
 
-function readError(error: unknown, fallback: string) {
-  if (typeof error === 'object' && error && 'response' in error) {
-    const response = (error as { response?: { data?: { message?: string } } }).response
-    return response?.data?.message || fallback
-  }
-  return fallback
-}
 </script>
 
 <template>

frontend/src/features/admin/components/HomeAnnouncementsDialog.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { readError } from '@/shared/utils/error'
 import { ElMessage } from 'element-plus'
 import { ref, watch } from 'vue'
 
@@ -69,13 +70,6 @@ async function handleSave() {
   }
 }
 
-function readError(error: unknown, fallback: string) {
-  if (typeof error === 'object' && error && 'response' in error) {
-    const response = (error as { response?: { data?: { message?: string } } }).response
-    return response?.data?.message || fallback
-  }
-  return fallback
-}
 </script>
 
 <template>

frontend/src/features/admin/components/HomeBannersDialog.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { readError } from '@/shared/utils/error'
 import { ElMessage } from 'element-plus'
 import { ref, watch } from 'vue'
 
@@ -110,13 +111,6 @@ async function handleSave() {
   }
 }
 
-function readError(error: unknown, fallback: string) {
-  if (typeof error === 'object' && error && 'response' in error) {
-    const response = (error as { response?: { data?: { message?: string } } }).response
-    return response?.data?.message || fallback
-  }
-  return fallback
-}
 </script>
 
 <template>

frontend/src/features/admin/components/ListingPublishAgreementsDialog.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { readError } from '@/shared/utils/error'
 import { ElMessage } from 'element-plus'
 import { ref, watch } from 'vue'
 
@@ -127,13 +128,6 @@ async function handleSave() {
   }
 }
 
-function readError(error: unknown, fallback: string) {
-  if (typeof error === 'object' && error && 'response' in error) {
-    const response = (error as { response?: { data?: { message?: string } } }).response
-    return response?.data?.message || fallback
-  }
-  return fallback
-}
 </script>
 
 <template>

frontend/src/features/admin/components/OrderAgreementsDialog.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { readError } from '@/shared/utils/error'
 import { ElMessage } from 'element-plus'
 import { ref, watch } from 'vue'
 
@@ -128,13 +129,6 @@ async function handleSave() {
   }
 }
 
-function readError(error: unknown, fallback: string) {
-  if (typeof error === 'object' && error && 'response' in error) {
-    const response = (error as { response?: { data?: { message?: string } } }).response
-    return response?.data?.message || fallback
-  }
-  return fallback
-}
 </script>
 
 <template>

frontend/src/features/admin/components/PostRentalNoticeDialog.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { readError } from '@/shared/utils/error'
 import { ElMessage } from 'element-plus'
 import { ref, watch } from 'vue'
 
@@ -110,13 +111,6 @@ async function handleSave() {
   }
 }
 
-function readError(error: unknown, fallback: string) {
-  if (typeof error === 'object' && error && 'response' in error) {
-    const response = (error as { response?: { data?: { message?: string } } }).response
-    return response?.data?.message || fallback
-  }
-  return fallback
-}
 </script>
 
 <template>

frontend/src/features/admin/components/PublishOptionsDialog.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { readError } from '@/shared/utils/error'
 import { ElMessage } from 'element-plus'
 import { ref, watch } from 'vue'
 
@@ -183,13 +184,6 @@ async function handleSave() {
   }
 }
 
-function readError(error: unknown, fallback: string) {
-  if (typeof error === 'object' && error && 'response' in error) {
-    const response = (error as { response?: { data?: { message?: string } } }).response
-    return response?.data?.message || fallback
-  }
-  return fallback
-}
 </script>
 
 <template>

frontend/src/features/admin/components/RoleDialog.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { readError } from '@/shared/utils/error'
 import { ElMessage } from 'element-plus'
 import { ref, watch } from 'vue'
 
@@ -77,13 +78,6 @@ async function handleSave() {
   }
 }
 
-function readError(error: unknown, fallback: string) {
-  if (typeof error === 'object' && error && 'response' in error) {
-    const response = (error as { response?: { data?: { message?: string } } }).response
-    return response?.data?.message || fallback
-  }
-  return fallback
-}
 </script>
 
 <template>

frontend/src/features/admin/components/SalePriceDialog.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { readError } from '@/shared/utils/error'
 import { ElMessage } from 'element-plus'
 import { ref, watch } from 'vue'
 
@@ -88,13 +89,6 @@ async function handleSave() {
   }
 }
 
-function readError(error: unknown, fallback: string) {
-  if (typeof error === 'object' && error && 'response' in error) {
-    const response = (error as { response?: { data?: { message?: string } } }).response
-    return response?.data?.message || fallback
-  }
-  return fallback
-}
 </script>
 
 <template>

frontend/src/features/admin/composables/useAdminTable.ts

@@ -1,4 +1,5 @@
 import { ref, type Ref } from 'vue'
+import { debugError } from '@/shared/utils/debug'
 
 interface AdminQueryOptions<T> {
   fetchFn: () => Promise<T>
@@ -25,7 +26,7 @@ export function useAdminQuery<T>(options: AdminQueryOptions<T>): AdminQueryResul
       data.value = await options.fetchFn()
     } catch (e) {
       error.value = e instanceof Error ? e.message : '加载失败'
-      console.error('Failed to load data:', e)
+      debugError('加载后台表格数据失败', e)
     } finally {
       loading.value = false
     }

frontend/src/features/admin/views/AdminDisputesView.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { readError } from '@/shared/utils/error'
 import { ElMessage } from 'element-plus'
 import { computed, onMounted, ref } from 'vue'
 
@@ -114,13 +115,6 @@ async function handleArbitrate() {
   }
 }
 
-function readError(error: unknown, fallback: string) {
-  if (typeof error === 'object' && error && 'response' in error) {
-    const response = (error as { response?: { data?: { message?: string } } }).response
-    return response?.data?.message || fallback
-  }
-  return fallback
-}
 </script>
 
 <template>

frontend/src/features/admin/views/AdminListingDetailView.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { readError } from '@/shared/utils/error'
 import { CopyDocument } from '@element-plus/icons-vue'
 import { ElMessage } from 'element-plus'
 import { computed, onMounted, ref } from 'vue'
@@ -104,13 +105,6 @@ async function openScreenshot(url: string) {
   }
 }
 
-function readError(error: unknown, fallback: string) {
-  if (typeof error === 'object' && error && 'response' in error) {
-    const response = (error as { response?: { data?: { message?: string } } }).response
-    return response?.data?.message || fallback
-  }
-  return fallback
-}
 </script>
 
 <template>

frontend/src/features/admin/views/AdminListingReviewView.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { readError } from '@/shared/utils/error'
 import { Check, Close, Picture, Refresh, Search, WarningFilled } from '@element-plus/icons-vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { computed, nextTick, onBeforeUnmount, onMounted, reactive, ref, watch } from 'vue'
@@ -548,13 +549,6 @@ async function openScreenshot(url: string) {
   }
 }
 
-function readError(error: unknown, fallback: string) {
-  if (typeof error === 'object' && error && 'response' in error) {
-    const response = (error as { response?: { data?: { message?: string } } }).response
-    return response?.data?.message || fallback
-  }
-  return fallback
-}
 </script>
 
 <template>

frontend/src/features/admin/views/AdminLoginView.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { readError } from '@/shared/utils/error'
 import { ElMessage } from 'element-plus'
 import { Lock, User } from '@element-plus/icons-vue'
 import { onMounted, reactive, ref } from 'vue'
@@ -51,13 +52,6 @@ async function handleLogin() {
   }
 }
 
-function readError(error: unknown, fallback: string) {
-  if (typeof error === 'object' && error && 'response' in error) {
-    const response = (error as { response?: { data?: { message?: string } } }).response
-    return response?.data?.message || fallback
-  }
-  return fallback
-}
 </script>
 
 <template>

frontend/src/features/admin/views/AdminMgrUsersView.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { readError } from '@/shared/utils/error'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { ref } from 'vue'
 
@@ -93,13 +94,6 @@ async function handleChangePassword() {
   }
 }
 
-function readError(error: unknown, fallback: string) {
-  if (typeof error === 'object' && error && 'response' in error) {
-    const response = (error as { response?: { data?: { message?: string } } }).response
-    return response?.data?.message || fallback
-  }
-  return fallback
-}
 
 const statusLabel: Record<string, string> = {
   active: '启用',

frontend/src/features/admin/views/AdminOrderDetailView.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { readError } from '@/shared/utils/error'
 import { ElMessage } from 'element-plus'
 import { computed, onMounted, ref } from 'vue'
 import { useRoute } from 'vue-router'
@@ -87,13 +88,6 @@ async function submitAction() {
   }
 }
 
-function readError(error: unknown, fallback: string) {
-  if (typeof error === 'object' && error && 'response' in error) {
-    const response = (error as { response?: { data?: { message?: string } } }).response
-    return response?.data?.message || fallback
-  }
-  return fallback
-}
 
 function orderRentedAt() {
   return order.value?.rented_at

frontend/src/features/admin/views/AdminUsersView.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { readError } from '@/shared/utils/error'
 import { ElMessage } from 'element-plus'
 import { ref } from 'vue'
 
@@ -85,13 +86,6 @@ async function handleUnfreeze(row: AdminUserItem) {
   }
 }
 
-function readError(error: unknown, fallback: string) {
-  if (typeof error === 'object' && error && 'response' in error) {
-    const response = (error as { response?: { data?: { message?: string } } }).response
-    return response?.data?.message || fallback
-  }
-  return fallback
-}
 
 function moneyCent(value: number | string | undefined) {
   return formatCent(Number(value || 0))