diff --git a/web/src/api/fileService.js b/web/src/api/fileService.js
index 811d24d..b43ef8f 100644
--- a/web/src/api/fileService.js
+++ b/web/src/api/fileService.js
@@ -1,73 +1,81 @@
 import service from '@/utils/service'
 
-export default {
-  uploadFiles(formData, params) {
-    return service.post('/v1/files/', formData, {
-      headers: {
-        'Content-Type': 'multipart/form-data',
-      },
-      params,
-    })
-  },
-  // 获取预签名上传URL（用于S3直传）
-  getPresignedUploadUrl(filename, contentType, params) {
-    return service.post('/v1/files/presigned-upload-url', null, {
-      params: {
-        filename,
-        content_type: contentType,
-        ...params,
-      },
-    })
-  },
-  // 确认直传完成，创建文件记录
-  confirmDirectUpload(data) {
-    return service.post('/v1/files/confirm-direct-upload', null, {
-      params: data,
-    })
-  },
-  // 直接上传到S3（使用预签名URL）
-  async uploadToS3(presignedData, file) {
-    const formData = new FormData()
-
-    // 添加预签名字段
-    Object.keys(presignedData.fields).forEach((key) => {
-      formData.append(key, presignedData.fields[key])
-    })
-
-    // 添加文件（必须是最后一个）
-    formData.append('file', file)
-
-    // 直接上传到S3
-    const response = await fetch(presignedData.presigned_url, {
-      method: 'POST',
-      body: formData,
-    })
-
-    if (!response.ok) {
-      throw new Error(`S3上传失败: ${response.statusText}`)
-    }
-
-    return response
-  },
-  getFiles(params) {
-    return service.get('/v1/files/', { params })
-  },
-  getFile(id) {
-    return service.get(`/v1/files/${id}`)
-  },
-  deleteFile(id) {
-    return service.delete(`/v1/files/${id}`)
-  },
-  moveFile(id, data) {
-    return service.put(`/v1/files/${id}/move`, data)
-  },
-  renameFile(id, data) {
-    return service.put(`/v1/files/${id}/rename`, data)
-  },
-  batchMoveFiles(data) {
-    return service.post('/v1/files/batch/move', data)
-  },
-  batchDeleteFiles(data) {
-    return service.post('/v1/files/batch/delete', data)
-  },
+export function uploadFiles(formData, params) {
+  return service.post('/v1/files/', formData, {
+    headers: {
+      'Content-Type': 'multipart/form-data',
+    },
+    params,
+  })
+}
+
+// 获取预签名上传URL（用于S3直传）
+export function getPresignedUploadUrl(filename, contentType, params) {
+  return service.post('/v1/files/presigned-upload-url', null, {
+    params: {
+      filename,
+      content_type: contentType,
+      ...params,
+    },
+  })
+}
+
+// 确认直传完成，创建文件记录
+export function confirmDirectUpload(data) {
+  return service.post('/v1/files/confirm-direct-upload', null, {
+    params: data,
+  })
+}
+
+// 直接上传到S3（使用预签名URL）
+export async function uploadToS3(presignedData, file) {
+  const formData = new FormData()
+
+  // 添加预签名字段
+  Object.keys(presignedData.fields).forEach((key) => {
+    formData.append(key, presignedData.fields[key])
+  })
+
+  // 添加文件（必须是最后一个）
+  formData.append('file', file)
+
+  // 直接上传到S3
+  const response = await fetch(presignedData.presigned_url, {
+    method: 'POST',
+    body: formData,
+  })
+
+  if (!response.ok) {
+    throw new Error(`S3上传失败: ${response.statusText}`)
+  }
+
+  return response
+}
+
+export function getFiles(params) {
+  return service.get('/v1/files/', { params })
+}
+
+export function getFile(id) {
+  return service.get(`/v1/files/${id}`)
+}
+
+export function deleteFile(id) {
+  return service.delete(`/v1/files/${id}`)
+}
+
+export function moveFile(id, data) {
+  return service.put(`/v1/files/${id}/move`, data)
+}
+
+export function renameFile(id, data) {
+  return service.put(`/v1/files/${id}/rename`, data)
+}
+
+export function batchMoveFiles(data) {
+  return service.post('/v1/files/batch/move', data)
+}
+
+export function batchDeleteFiles(data) {
+  return service.post('/v1/files/batch/delete', data)
 }
diff --git a/web/src/api/folderService.js b/web/src/api/folderService.js
index 545fef7..e131536 100644
--- a/web/src/api/folderService.js
+++ b/web/src/api/folderService.js
@@ -1,34 +1,41 @@
 import service from '@/utils/service'
 
-export default {
-  createFolder(data) {
-    return service.post('/v1/folders/', data)
-  },
-  getFolders(params) {
-    return service.get('/v1/folders/', { params })
-  },
-  getFolder(id) {
-    return service.get(`/v1/folders/${id}`)
-  },
-  updateFolder(id, data) {
-    return service.put(`/v1/folders/${id}`, data)
-  },
-  deleteFolder(id) {
-    return service.delete(`/v1/folders/${id}`)
-  },
-  batchMoveFolders(data) {
-    return service.post('/v1/folders/batch/move', data)
-  },
-  batchDeleteFolders(data) {
-    return service.post('/v1/folders/batch/delete', data)
-  },
-  getFolderNotes(id) {
-    return service.get(`/v1/folders/${id}/notes`)
-  },
-  attachNotes(id, noteIds) {
-    return service.post(`/v1/folders/${id}/attach-notes`, { note_ids: noteIds })
-  },
-  detachNotes(id, noteIds) {
-    return service.post(`/v1/folders/${id}/detach-notes`, { note_ids: noteIds })
-  },
+export function createFolder(data) {
+  return service.post('/v1/folders/', data)
+}
+
+export function getFolders(params) {
+  return service.get('/v1/folders/', { params })
+}
+
+export function getFolder(id) {
+  return service.get(`/v1/folders/${id}`)
+}
+
+export function updateFolder(id, data) {
+  return service.put(`/v1/folders/${id}`, data)
+}
+
+export function deleteFolder(id) {
+  return service.delete(`/v1/folders/${id}`)
+}
+
+export function batchMoveFolders(data) {
+  return service.post('/v1/folders/batch/move', data)
+}
+
+export function batchDeleteFolders(data) {
+  return service.post('/v1/folders/batch/delete', data)
+}
+
+export function getFolderNotes(id) {
+  return service.get(`/v1/folders/${id}/notes`)
+}
+
+export function attachNotes(id, noteIds) {
+  return service.post(`/v1/folders/${id}/attach-notes`, { note_ids: noteIds })
+}
+
+export function detachNotes(id, noteIds) {
+  return service.post(`/v1/folders/${id}/detach-notes`, { note_ids: noteIds })
 }
diff --git a/web/src/api/noteService.js b/web/src/api/noteService.js
index 54532ba..1d84244 100644
--- a/web/src/api/noteService.js
+++ b/web/src/api/noteService.js
@@ -1,37 +1,45 @@
 import service from '@/utils/service'
 
-export default {
-  createNote(noteData) {
-    return service.post('/v1/notes/', noteData)
-  },
-  getNotes(params) {
-    return service.get('/v1/notes/', { params })
-  },
-  getNote(id) {
-    return service.get(`/v1/notes/${id}`)
-  },
-  getNotesByFileId(fileId) {
-    return service.get('/v1/notes/', { params: { file_id: fileId } })
-  },
-  getNotesByFolderId(folderId) {
-    return service.get('/v1/notes/', { params: { folder_id: folderId } })
-  },
-  updateNote(id, noteData) {
-    return service.put(`/v1/notes/${id}`, noteData)
-  },
-  deleteNote(id) {
-    return service.delete(`/v1/notes/${id}`)
-  },
-  attachFiles(id, fileIds) {
-    return service.post(`/v1/notes/${id}/attach`, { file_ids: fileIds })
-  },
-  detachFiles(id, fileIds) {
-    return service.post(`/v1/notes/${id}/detach`, { file_ids: fileIds })
-  },
-  attachFolders(id, folderIds) {
-    return service.post(`/v1/notes/${id}/attach-folders`, { folder_ids: folderIds })
-  },
-  detachFolders(id, folderIds) {
-    return service.post(`/v1/notes/${id}/detach-folders`, { folder_ids: folderIds })
-  },
+export function createNote(noteData) {
+  return service.post('/v1/notes/', noteData)
+}
+
+export function getNotes(params) {
+  return service.get('/v1/notes/', { params })
+}
+
+export function getNote(id) {
+  return service.get(`/v1/notes/${id}`)
+}
+
+export function getNotesByFileId(fileId) {
+  return service.get('/v1/notes/', { params: { file_id: fileId } })
+}
+
+export function getNotesByFolderId(folderId) {
+  return service.get('/v1/notes/', { params: { folder_id: folderId } })
+}
+
+export function updateNote(id, noteData) {
+  return service.put(`/v1/notes/${id}`, noteData)
+}
+
+export function deleteNote(id) {
+  return service.delete(`/v1/notes/${id}`)
+}
+
+export function attachFiles(id, fileIds) {
+  return service.post(`/v1/notes/${id}/attach`, { file_ids: fileIds })
+}
+
+export function detachFiles(id, fileIds) {
+  return service.post(`/v1/notes/${id}/detach`, { file_ids: fileIds })
+}
+
+export function attachFolders(id, folderIds) {
+  return service.post(`/v1/notes/${id}/attach-folders`, { folder_ids: folderIds })
+}
+
+export function detachFolders(id, folderIds) {
+  return service.post(`/v1/notes/${id}/detach-folders`, { folder_ids: folderIds })
 }
diff --git a/web/src/api/recycleService.js b/web/src/api/recycleService.js
index a4edcdc..a14a096 100644
--- a/web/src/api/recycleService.js
+++ b/web/src/api/recycleService.js
@@ -1,13 +1,13 @@
 import service from '@/utils/service'
 
-export default {
-  getItems() {
-    return service.get('/v1/recycle/items')
-  },
-  restoreItems(data) {
-    return service.post('/v1/recycle/restore', data)
-  },
-  permanentDeleteItems(data) {
-    return service.delete('/v1/recycle/permanent', { data })
-  },
+export function getItems() {
+  return service.get('/v1/recycle/items')
+}
+
+export function restoreItems(data) {
+  return service.post('/v1/recycle/restore', data)
+}
+
+export function permanentDeleteItems(data) {
+  return service.delete('/v1/recycle/permanent', { data })
 }
diff --git a/web/src/api/statsService.js b/web/src/api/statsService.js
index 6551bf8..6b8c236 100644
--- a/web/src/api/statsService.js
+++ b/web/src/api/statsService.js
@@ -1,7 +1,5 @@
 import service from '@/utils/service'
 
-export default {
-  getStats() {
-    return service.get('/v1/stats/')
-  },
+export function getStats() {
+  return service.get('/v1/stats/')
 }
diff --git a/web/src/api/storageBackendService.js b/web/src/api/storageBackendService.js
index 3acfb41..ce925aa 100644
--- a/web/src/api/storageBackendService.js
+++ b/web/src/api/storageBackendService.js
@@ -1,60 +1,59 @@
 import service from '@/utils/service'
 
-export default {
-  // 获取默认存储后端配置（普通用户也可访问）
-  getDefaultBackend() {
-    return service.get('/v1/storage-backends/default')
-  },
-  // 获取所有存储后端
-  getBackends() {
-    return service.get('/v1/storage-backends')
-  },
-
-  // 获取指定存储后端
-  getBackend(id) {
-    return service.get(`/v1/storage-backends/${id}`)
-  },
-
-  // 创建存储后端
-  createBackend(data) {
-    return service.post('/v1/storage-backends', data)
-  },
-
-  // 更新存储后端
-  updateBackend(id, data) {
-    return service.put(`/v1/storage-backends/${id}`, data)
-  },
-
-  // 删除存储后端
-  deleteBackend(id) {
-    return service.delete(`/v1/storage-backends/${id}`)
-  },
-
-  // 设置默认存储后端
-  setDefaultBackend(id) {
-    return service.post(`/v1/storage-backends/${id}/set-default`)
-  },
-
-  // 测试存储后端连接
-  testBackend(id) {
-    return service.post(`/v1/storage-backends/${id}/test`)
-  },
-
-  // 导出存储配置
-  exportConfig() {
-    return service.get('/v1/storage-backends/export/config')
-  },
-
-  // 导入存储配置
-  importConfig(formData, replaceExisting = false) {
-    return service.post(
-      `/v1/storage-backends/import/config?replace_existing=${replaceExisting}`,
-      formData,
-      {
-        headers: {
-          'Content-Type': 'multipart/form-data',
-        },
+// 获取默认存储后端配置（普通用户也可访问）
+export function getDefaultBackend() {
+  return service.get('/v1/storage-backends/default')
+}
+
+// 获取所有存储后端
+export function getBackends() {
+  return service.get('/v1/storage-backends')
+}
+
+// 获取指定存储后端
+export function getBackend(id) {
+  return service.get(`/v1/storage-backends/${id}`)
+}
+
+// 创建存储后端
+export function createBackend(data) {
+  return service.post('/v1/storage-backends', data)
+}
+
+// 更新存储后端
+export function updateBackend(id, data) {
+  return service.put(`/v1/storage-backends/${id}`, data)
+}
+
+// 删除存储后端
+export function deleteBackend(id) {
+  return service.delete(`/v1/storage-backends/${id}`)
+}
+
+// 设置默认存储后端
+export function setDefaultBackend(id) {
+  return service.post(`/v1/storage-backends/${id}/set-default`)
+}
+
+// 测试存储后端连接
+export function testBackend(id) {
+  return service.post(`/v1/storage-backends/${id}/test`)
+}
+
+// 导出存储配置
+export function exportConfig() {
+  return service.get('/v1/storage-backends/export/config')
+}
+
+// 导入存储配置
+export function importConfig(formData, replaceExisting = false) {
+  return service.post(
+    `/v1/storage-backends/import/config?replace_existing=${replaceExisting}`,
+    formData,
+    {
+      headers: {
+        'Content-Type': 'multipart/form-data',
       },
-    )
-  },
+    },
+  )
 }
diff --git a/web/src/components/DragUploadZone.vue b/web/src/components/DragUploadZone.vue
index 4e77a1e..5a50650 100644
--- a/web/src/components/DragUploadZone.vue
+++ b/web/src/components/DragUploadZone.vue
@@ -1,6 +1,11 @@
 <script setup>
 import { ref } from 'vue'
-import fileService from '../api/fileService'
+import {
+  uploadFiles as apiUploadFiles,
+  getPresignedUploadUrl,
+  uploadToS3,
+  confirmDirectUpload,
+} from '../api/fileService'
 
 const props = defineProps({
   folderId: {
@@ -191,7 +196,7 @@ const uploadFilesTraditional = async (filesWithPaths) => {
       params.folder_id = props.folderId
     }
 
-    await fileService.uploadFiles(formData, params)
+    await apiUploadFiles(formData, params)
     uploadedCount += batch.length
     uploadProgress.value.current = uploadedCount
     emit('upload-progress', { current: uploadedCount, total: totalFiles })
@@ -208,17 +213,17 @@ const uploadFilesDirect = async (filesWithPaths) => {
   for (const { file, path } of filesWithPaths) {
     try {
       // 1. 获取预签名URL
-      const presignedData = await fileService.getPresignedUploadUrl({
+      const presignedData = await getPresignedUploadUrl({
         filename: path,
         content_type: file.type,
         folder_id: props.folderId,
       })
 
       // 2. 直接上传到S3
-      await fileService.uploadToS3(presignedData.upload_url, file, file.type)
+      await uploadToS3(presignedData.upload_url, file, file.type)
 
       // 3. 确认上传完成
-      await fileService.confirmUpload(presignedData.file_id)
+      await confirmDirectUpload(presignedData.file_id)
 
       uploadedCount++
       uploadProgress.value.current = uploadedCount
diff --git a/web/src/components/FileDetails.vue b/web/src/components/FileDetails.vue
index d30c811..dcb3cb2 100644
--- a/web/src/components/FileDetails.vue
+++ b/web/src/components/FileDetails.vue
@@ -13,7 +13,7 @@ import {
 
 import PDFViewer from '@/components/PDFViewer.vue'
 import TextViewer from '@/components/TextViewer.vue'
-import fileService from '../api/fileService'
+import { getFile } from '../api/fileService'
 
 const props = defineProps({
   // 当模态框打开才有 fileId
@@ -67,7 +67,7 @@ watch(
     try {
       const id = props.fileId
       if (newVal && id) {
-        const response = await fileService.getFile(id)
+        const response = await getFile(id)
         file.value = response
       }
     } catch (error) {
diff --git a/web/src/components/FileFolderSelector.vue b/web/src/components/FileFolderSelector.vue
index b12ff06..dc73417 100644
--- a/web/src/components/FileFolderSelector.vue
+++ b/web/src/components/FileFolderSelector.vue
@@ -1,7 +1,7 @@
 <script setup>
 import { ref, onMounted, computed } from 'vue'
-import fileService from '../api/fileService'
-import folderService from '../api/folderService'
+import { getFiles } from '../api/fileService'
+import { getFolders } from '../api/folderService'
 import { getFileIcon, isImage } from '@/utils/file'
 import DragUploadZone from './DragUploadZone.vue'
 
@@ -68,7 +68,7 @@ const loadData = async () => {
       if (currentFolderId.value) {
         folderParams.parent_id = currentFolderId.value
       }
-      promises.push(folderService.getFolders(folderParams))
+      promises.push(getFolders(folderParams))
     } else {
       promises.push(Promise.resolve([]))
     }
@@ -83,7 +83,7 @@ const loadData = async () => {
       if (currentFolderId.value) {
         fileParams.folder_id = currentFolderId.value
       }
-      promises.push(fileService.getFiles(fileParams))
+      promises.push(getFiles(fileParams))
     } else {
       promises.push(Promise.resolve({ data: [], total: 0, total_pages: 0 }))
     }
diff --git a/web/src/components/FileUpload.vue b/web/src/components/FileUpload.vue
index 7015f08..bdb3471 100644
--- a/web/src/components/FileUpload.vue
+++ b/web/src/components/FileUpload.vue
@@ -1,7 +1,12 @@
 <script setup>
 import { ref } from 'vue'
 
-import fileService from '../api/fileService'
+import {
+  uploadFiles as apiUploadFiles,
+  getPresignedUploadUrl,
+  uploadToS3,
+  confirmDirectUpload,
+} from '../api/fileService'
 
 const props = defineProps({
   folderId: {
@@ -138,7 +143,7 @@ const uploadFilesTraditional = async (filesWithPaths) => {
       params.folder_id = props.folderId
     }
 
-    await fileService.uploadFiles(formData, params)
+    await apiUploadFiles(formData, params)
     uploadedCount += batch.length
     uploadProgress.value.current = uploadedCount
     console.log(`已上传 ${uploadedCount}/${totalFiles} 个文件`)
@@ -161,17 +166,17 @@ const uploadFilesDirect = async (filesWithPaths) => {
         params.folder_id = props.folderId
       }
 
-      const presignedData = await fileService.getPresignedUploadUrl(
+      const presignedData = await getPresignedUploadUrl(
         path, // 使用完整路径作为文件名
         file.type,
         params,
       )
 
       // 2. 直接上传到S3
-      await fileService.uploadToS3(presignedData, file)
+      await uploadToS3(presignedData, file)
 
       // 3. 确认上传完成，创建数据库记录
-      await fileService.confirmDirectUpload({
+      await confirmDirectUpload({
         s3_key: presignedData.s3_key,
         filename: path,
         size: file.size,
diff --git a/web/src/components/NoteEditor.vue b/web/src/components/NoteEditor.vue
index fe08383..4e7ee0b 100644
--- a/web/src/components/NoteEditor.vue
+++ b/web/src/components/NoteEditor.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { ref, watch, computed, onBeforeUnmount } from 'vue'
-import noteService from '../api/noteService'
+import { attachFiles, attachFolders, getNote, detachFiles, detachFolders } from '../api/noteService'
 import FileFolderSelector from './FileFolderSelector.vue'
 import { useToast } from '@/composables/useToast'
 import { useConfirm } from '@/composables/useConfirm'
@@ -158,16 +158,16 @@ const handleAttachItems = async ({ files: fileIds, folders: folderIds }) => {
     // 同时关联文件和文件夹
     const promises = []
     if (fileIds.length > 0) {
-      promises.push(noteService.attachFiles(props.note.id, fileIds))
+      promises.push(attachFiles(props.note.id, fileIds))
     }
     if (folderIds.length > 0) {
-      promises.push(noteService.attachFolders(props.note.id, folderIds))
+      promises.push(attachFolders(props.note.id, folderIds))
     }
 
     await Promise.all(promises)
 
     // 重新获取笔记信息以更新关联列表
-    const response = await noteService.getNote(props.note.id)
+    const response = await getNote(props.note.id)
     attachedFiles.value = response.files || []
     attachedFolders.value = response.folders || []
   } catch (error) {
@@ -184,7 +184,7 @@ const handleDetachFile = async (fileId) => {
       title: '确认移除',
       type: 'warning',
     })
-    await noteService.detachFiles(props.note.id, [fileId])
+    await detachFiles(props.note.id, [fileId])
     attachedFiles.value = attachedFiles.value.filter((file) => file.id !== fileId)
   } catch (error) {
     if (error !== false) {
@@ -202,7 +202,7 @@ const handleDetachFolder = async (folderId) => {
       title: '确认移除',
       type: 'warning',
     })
-    await noteService.detachFolders(props.note.id, [folderId])
+    await detachFolders(props.note.id, [folderId])
     attachedFolders.value = attachedFolders.value.filter((folder) => folder.id !== folderId)
   } catch (error) {
     if (error !== false) {
diff --git a/web/src/components/UnifiedNotes.vue b/web/src/components/UnifiedNotes.vue
index 52f1405..cfce9ad 100644
--- a/web/src/components/UnifiedNotes.vue
+++ b/web/src/components/UnifiedNotes.vue
@@ -2,7 +2,17 @@
 import { ref, watch, computed } from 'vue'
 import { marked } from 'marked'
 import DOMPurify from 'dompurify'
-import noteService from '../api/noteService'
+import {
+  getNotesByFolderId,
+  getNotesByFileId,
+  updateNote,
+  createNote,
+  attachFolders,
+  attachFiles,
+  detachFolders,
+  detachFiles,
+  deleteNote as apiDeleteNote,
+} from '../api/noteService'
 import { useConfirm } from '@/composables/useConfirm'
 import { formatDate } from '@/utils/format'
 import { getFileIcon, getFileTypeColor } from '@/utils/file'
@@ -44,10 +54,10 @@ const loadNotes = async () => {
   try {
     let response
     if (props.itemType === 'folder') {
-      response = await noteService.getNotesByFolderId(props.item.id)
+      response = await getNotesByFolderId(props.item.id)
       notes.value = response.data || []
     } else {
-      response = await noteService.getNotesByFileId(props.item.id)
+      response = await getNotesByFileId(props.item.id)
       notes.value = response.data || []
     }
   } catch (error) {
@@ -94,22 +104,22 @@ const saveNote = async () => {
   try {
     if (editingNote.value.id) {
       // 更新现有笔记
-      await noteService.updateNote(editingNote.value.id, {
+      await updateNote(editingNote.value.id, {
         title: editingNote.value.title,
         content: editingNote.value.content,
       })
     } else {
       // 创建新笔记并关联
-      const newNote = await noteService.createNote({
+      const newNote = await createNote({
         title: editingNote.value.title,
         content: editingNote.value.content,
       })
 
       // 关联笔记
       if (props.itemType === 'folder') {
-        await noteService.attachFolders(newNote.id, [props.item.id])
+        await attachFolders(newNote.id, [props.item.id])
       } else if (props.itemType === 'file') {
-        await noteService.attachFiles(newNote.id, [props.item.id])
+        await attachFiles(newNote.id, [props.item.id])
       }
 
       emit('note-created')
@@ -143,9 +153,9 @@ const detachNote = async (noteId) => {
     })
 
     if (props.itemType === 'folder') {
-      await noteService.detachFolders(noteId, [props.item.id])
+      await detachFolders(noteId, [props.item.id])
     } else {
-      await noteService.detachFiles(noteId, [props.item.id])
+      await detachFiles(noteId, [props.item.id])
     }
 
     await loadNotes()
@@ -168,7 +178,7 @@ const deleteNote = async (noteId) => {
       confirmText: '删除',
     })
 
-    await noteService.deleteNote(noteId)
+    await apiDeleteNote(noteId)
     await loadNotes()
     if (selectedNote.value?.id === noteId) {
       selectedNote.value = null
diff --git a/web/src/views/admin/StorageBackendsView.vue b/web/src/views/admin/StorageBackendsView.vue
index acba512..940a923 100644
--- a/web/src/views/admin/StorageBackendsView.vue
+++ b/web/src/views/admin/StorageBackendsView.vue
@@ -1,6 +1,15 @@
 <script setup>
 import { ref, reactive, onMounted, watch } from 'vue'
-import storageBackendService from '@/api/storageBackendService'
+import {
+  getBackends,
+  updateBackend,
+  createBackend,
+  deleteBackend,
+  setDefaultBackend,
+  testBackend,
+  exportConfig,
+  importConfig,
+} from '@/api/storageBackendService'
 import { useToast } from '@/composables/useToast'
 import { useConfirm } from '@/composables/useConfirm'
 
@@ -88,7 +97,7 @@ watch(
 const fetchBackends = async () => {
   loading.value = true
   try {
-    backends.value = await storageBackendService.getBackends()
+    backends.value = await getBackends()
   } catch (error) {
     showToast('加载存储后端失败', 'error')
     console.error(error)
@@ -162,12 +171,12 @@ const handleSubmit = async () => {
     if (isEditing.value) {
       // Update
       submitData.is_active = true // Keep active on update
-      await storageBackendService.updateBackend(currentId.value, submitData)
+      await updateBackend(currentId.value, submitData)
       showToast('更新成功')
     } else {
       // Create
       submitData.is_default = form.is_default
-      await storageBackendService.createBackend(submitData)
+      await createBackend(submitData)
       showToast('创建成功')
     }
 
@@ -188,7 +197,7 @@ const handleDelete = async (backend) => {
       confirmText: '删除',
     })
 
-    await storageBackendService.deleteBackend(backend.id)
+    await deleteBackend(backend.id)
     showToast('删除成功')
     fetchBackends()
   } catch (error) {
@@ -200,7 +209,7 @@ const handleDelete = async (backend) => {
 
 const handleSetDefault = async (backend) => {
   try {
-    await storageBackendService.setDefaultBackend(backend.id)
+    await setDefaultBackend(backend.id)
     showToast('已设置为默认后端')
     fetchBackends()
   } catch (error) {
@@ -211,7 +220,7 @@ const handleSetDefault = async (backend) => {
 const handleTest = async (backend) => {
   testingId.value = backend.id
   try {
-    const res = await storageBackendService.testBackend(backend.id)
+    const res = await testBackend(backend.id)
     showToast(res.message || '连接测试成功')
   } catch (error) {
     showToast(error.response?.data?.detail || '连接测试失败', 'error')
@@ -222,7 +231,7 @@ const handleTest = async (backend) => {
 
 const handleExport = async () => {
   try {
-    const response = await storageBackendService.exportConfig()
+    const response = await exportConfig()
     // Create download link
     const blob = new Blob([JSON.stringify(response, null, 2)], {
       type: 'application/json',
@@ -273,7 +282,7 @@ const handleImport = async () => {
     const formData = new FormData()
     formData.append('file', selectedFile.value)
 
-    const result = await storageBackendService.importConfig(formData, importOptions.replaceExisting)
+    const result = await importConfig(formData, importOptions.replaceExisting)
 
     importResult.value = result
     showToast(result.message || '导入成功')
diff --git a/web/src/views/files/FileDetailView.vue b/web/src/views/files/FileDetailView.vue
index f0ec5af..ee6c6b6 100644
--- a/web/src/views/files/FileDetailView.vue
+++ b/web/src/views/files/FileDetailView.vue
@@ -11,7 +11,7 @@ import {
   isPdf,
   isText,
 } from '@/utils/file'
-import fileService from '@/api/fileService.js'
+import { getFile, renameFile, deleteFile } from '@/api/fileService.js'
 import UnifiedNotes from '@/components/UnifiedNotes.vue'
 import PDFViewer from '@/components/PDFViewer.vue'
 import TextViewer from '@/components/TextViewer.vue'
@@ -46,7 +46,7 @@ const loadFile = async () => {
   try {
     const fileId = route.params.id
     // 通过获取文件列表来获取单个文件信息
-    const response = await fileService.getFile(fileId)
+    const response = await getFile(fileId)
     const foundFile = response
     if (foundFile) {
       file.value = foundFile
@@ -71,7 +71,7 @@ const goBack = () => {
 const handleRename = async () => {
   if (!newFileName.value.trim()) return
   try {
-    await fileService.renameFile(file.value.id, { filename: newFileName.value })
+    await renameFile(file.value.id, { filename: newFileName.value })
     showRenameModal.value = false
     await loadFile()
   } catch (error) {
@@ -86,7 +86,7 @@ const handleDelete = async () => {
       title: '确认删除',
       type: 'error',
     })
-    await fileService.deleteFile(file.value.id)
+    await deleteFile(file.value.id)
     router.push({ name: 'files' })
   } catch (error) {
     if (error !== false) {
diff --git a/web/src/views/files/FilesView.vue b/web/src/views/files/FilesView.vue
index ddb8593..6cffbce 100644
--- a/web/src/views/files/FilesView.vue
+++ b/web/src/views/files/FilesView.vue
@@ -6,9 +6,23 @@ import FileGrid from '../../components/FileGrid.vue'
 import FileDetails from '../../components/FileDetails.vue'
 import UnifiedNotes from '../../components/UnifiedNotes.vue'
 import DragUploadZone from '../../components/DragUploadZone.vue'
-import fileService from '../../api/fileService.js'
-import folderService from '../../api/folderService.js'
-import storageBackendService from '../../api/storageBackendService.js'
+import {
+  getFiles,
+  batchDeleteFiles,
+  batchMoveFiles,
+  renameFile,
+  deleteFile,
+} from '../../api/fileService.js'
+import {
+  getFolders,
+  getFolder,
+  batchDeleteFolders,
+  batchMoveFolders,
+  createFolder as apiCreateFolder,
+  updateFolder,
+  deleteFolder as apiDeleteFolder,
+} from '../../api/folderService.js'
+import { getDefaultBackend } from '../../api/storageBackendService.js'
 import { useConfirm } from '@/composables/useConfirm'
 
 const route = useRoute()
@@ -82,10 +96,10 @@ const batchDelete = async () => {
     )
 
     if (selectedFiles.value.length > 0) {
-      await fileService.batchDeleteFiles({ file_ids: selectedFiles.value })
+      await batchDeleteFiles({ file_ids: selectedFiles.value })
     }
     if (selectedFolders.value.length > 0) {
-      await folderService.batchDeleteFolders({ folder_ids: selectedFolders.value })
+      await batchDeleteFolders({ folder_ids: selectedFolders.value })
     }
     await loadData()
     selectedFiles.value = []
@@ -105,7 +119,7 @@ const loadMoveFolders = async () => {
     if (moveTargetFolderId.value) {
       params.parent_id = moveTargetFolderId.value
     }
-    const res = await folderService.getFolders(params)
+    const res = await getFolders(params)
     moveFolders.value = res.data
   } catch (e) {
     console.error(e)
@@ -137,13 +151,13 @@ const navigateMoveBreadcrumb = async (index) => {
 const confirmBatchMove = async () => {
   try {
     if (selectedFiles.value.length > 0) {
-      await fileService.batchMoveFiles({
+      await batchMoveFiles({
         file_ids: selectedFiles.value,
         folder_id: moveTargetFolderId.value,
       })
     }
     if (selectedFolders.value.length > 0) {
-      await folderService.batchMoveFolders({
+      await batchMoveFolders({
         folder_ids: selectedFolders.value,
         parent_id: moveTargetFolderId.value,
       })
@@ -167,7 +181,7 @@ const handleRenameFile = (file) => {
 const confirmRenameFile = async () => {
   if (!renameFileName.value) return
   try {
-    await fileService.renameFile(editingFile.value.id, { filename: renameFileName.value })
+    await renameFile(editingFile.value.id, { filename: renameFileName.value })
     showRenameFileModal.value = false
     editingFile.value = null
     renameFileName.value = ''
@@ -196,10 +210,7 @@ const loadData = async () => {
       folderParams.parent_id = currentFolderId.value
     }
 
-    const [filesRes, foldersRes] = await Promise.all([
-      fileService.getFiles(params),
-      folderService.getFolders(folderParams),
-    ])
+    const [filesRes, foldersRes] = await Promise.all([getFiles(params), getFolders(folderParams)])
 
     if ((filesRes.data || []).length === 0 && currentPage.value > 1) {
       currentPage.value = 1
@@ -231,7 +242,7 @@ const createFolder = async () => {
   if (!newFolderName.value.trim()) return
 
   try {
-    await folderService.createFolder({
+    await apiCreateFolder({
       name: newFolderName.value,
       parent_id: currentFolderId.value,
     })
@@ -253,7 +264,7 @@ const renameFolder = async () => {
   if (!renameFolderName.value.trim()) return
 
   try {
-    await folderService.updateFolder(editingFolder.value.id, {
+    await updateFolder(editingFolder.value.id, {
       name: renameFolderName.value,
     })
     showRenameFolderModal.value = false
@@ -273,7 +284,7 @@ const deleteFolder = async (folder) => {
         type: 'error',
       },
     )
-    await folderService.deleteFolder(folder.id)
+    await apiDeleteFolder(folder.id)
     await loadData()
   } catch (error) {
     if (error !== false) {
@@ -316,7 +327,7 @@ const handleDelete = async (id) => {
       title: '确认删除',
       type: 'error',
     })
-    await fileService.deleteFile(id)
+    await deleteFile(id)
     showDetails.value = false
     await loadData()
   } catch (error) {
@@ -356,7 +367,7 @@ const handleNoteCreated = () => {
 
 const loadDefaultBackend = async () => {
   try {
-    const backend = await storageBackendService.getDefaultBackend()
+    const backend = await getDefaultBackend()
     defaultBackend.value = backend
     // 只有S3类型且启用了客户端直传才支持直传模式
     supportsDirectUpload.value =
@@ -400,7 +411,7 @@ const buildBreadcrumbs = async (folderId) => {
 
     // 从当前文件夹向上追溯到根目录
     while (currentId) {
-      const folder = await folderService.getFolder(currentId)
+      const folder = await getFolder(currentId)
       path.unshift({ id: folder.id, name: folder.name })
       currentId = folder.parent_id
     }
diff --git a/web/src/views/files/RecycleBinView.vue b/web/src/views/files/RecycleBinView.vue
index 3816810..fbefee1 100644
--- a/web/src/views/files/RecycleBinView.vue
+++ b/web/src/views/files/RecycleBinView.vue
@@ -2,7 +2,11 @@
 import { ref, onMounted } from 'vue'
 import FileGrid from '../../components/FileGrid.vue'
 import FileDetails from '../../components/FileDetails.vue'
-import recycleService from '../../api/recycleService.js'
+import {
+  getItems,
+  restoreItems as apiRestoreItems,
+  permanentDeleteItems as apiPermanentDeleteItems,
+} from '../../api/recycleService.js'
 import { useConfirm } from '@/composables/useConfirm'
 
 const files = ref([])
@@ -18,7 +22,7 @@ const { confirm: showConfirm } = useConfirm()
 const loadData = async () => {
   loading.value = true
   try {
-    const res = await recycleService.getItems()
+    const res = await getItems()
     files.value = res.files || []
     folders.value = res.folders || []
   } catch (error) {
@@ -35,7 +39,7 @@ const handleSelectionChange = (selection) => {
 
 const restoreItems = async () => {
   try {
-    await recycleService.restoreItems({
+    await apiRestoreItems({
       file_ids: selectedFiles.value,
       folder_ids: selectedFolders.value,
     })
@@ -54,7 +58,7 @@ const permanentDeleteItems = async () => {
       type: 'error',
       confirmText: '彻底删除',
     })
-    await recycleService.permanentDeleteItems({
+    await apiPermanentDeleteItems({
       file_ids: selectedFiles.value,
       folder_ids: selectedFolders.value,
     })
diff --git a/web/src/views/index/HomeView.vue b/web/src/views/index/HomeView.vue
index 5f345f6..c7b7d87 100644
--- a/web/src/views/index/HomeView.vue
+++ b/web/src/views/index/HomeView.vue
@@ -1,9 +1,9 @@
 <script setup>
 import { ref, onMounted } from 'vue'
 import { RouterLink, useRouter } from 'vue-router'
-import fileService from '../../api/fileService.js'
-import noteService from '../../api/noteService.js'
-import statsService from '../../api/statsService.js'
+import { getFiles } from '../../api/fileService.js'
+import { getNotes } from '../../api/noteService.js'
+import { getStats } from '../../api/statsService.js'
 import { formatSize } from '@/utils/format'
 import { getFileIcon, getFileTypeColor } from '@/utils/file'
 import { useAuthStore } from '@/stores/auth.js'
@@ -41,14 +41,14 @@ const goToNotes = () => router.push('/notes')
 const loadData = async () => {
   try {
     // 加载统计数据
-    const statsData = await statsService.getStats()
+    const statsData = await getStats()
     stats.value.totalFiles = statsData.file_count
     stats.value.totalSize = statsData.storage_usage
     stats.value.totalNotes = statsData.note_count
     stats.value.todayActivity = statsData.today_activity
 
     // 加载文件列表用于展示最近文件
-    const filesResponse = await fileService.getFiles()
+    const filesResponse = await getFiles()
     const files = filesResponse.data || []
 
     // 最近文件（最多5个）
@@ -57,7 +57,7 @@ const loadData = async () => {
       .slice(0, 5)
 
     // 加载笔记列表用于展示最近笔记
-    const notesResponse = await noteService.getNotes()
+    const notesResponse = await getNotes()
     const notes = notesResponse.data || []
 
     // 最近笔记（最多5个）
diff --git a/web/src/views/index/SearchView.vue b/web/src/views/index/SearchView.vue
index 6956ad2..1c86e7e 100644
--- a/web/src/views/index/SearchView.vue
+++ b/web/src/views/index/SearchView.vue
@@ -1,8 +1,8 @@
 <script setup>
 import { ref, watch, computed } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import fileService from '../../api/fileService.js'
-import noteService from '../../api/noteService.js'
+import { getFiles, deleteFile } from '../../api/fileService.js'
+import { getNotes } from '../../api/noteService.js'
 import FileGrid from '../../components/FileGrid.vue'
 import FileDetails from '../../components/FileDetails.vue'
 import UnifiedNotes from '../../components/UnifiedNotes.vue'
@@ -67,8 +67,8 @@ const performSearch = async () => {
 
   try {
     const [filesRes, notesRes] = await Promise.all([
-      fileService.getFiles({ q: searchQuery }),
-      noteService.getNotes({ q: searchQuery }),
+      getFiles({ q: searchQuery }),
+      getNotes({ q: searchQuery }),
     ])
 
     files.value = filesRes.data || []
@@ -89,7 +89,7 @@ const handleDelete = async (id) => {
       title: '确认删除',
       type: 'error',
     })
-    await fileService.deleteFile(id)
+    await deleteFile(id)
     showDetails.value = false
     await performSearch()
   } catch (error) {
diff --git a/web/src/views/notes/NoteDetailView.vue b/web/src/views/notes/NoteDetailView.vue
index 5b773fd..7d11901 100644
--- a/web/src/views/notes/NoteDetailView.vue
+++ b/web/src/views/notes/NoteDetailView.vue
@@ -3,7 +3,7 @@ import { ref, onMounted, computed } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { marked } from 'marked'
 import DOMPurify from 'dompurify'
-import noteService from '../../api/noteService.js'
+import { getNote, updateNote, deleteNote } from '../../api/noteService.js'
 import NoteEditor from '../../components/NoteEditor.vue'
 import FileDetails from '../../components/FileDetails.vue'
 import { useConfirm } from '@/composables/useConfirm'
@@ -31,7 +31,7 @@ const loadNote = async () => {
 
   loading.value = true
   try {
-    const response = await noteService.getNote(noteId.value)
+    const response = await getNote(noteId.value)
     note.value = response
   } catch (error) {
     console.error('Failed to load note', error)
@@ -51,7 +51,7 @@ const handleEdit = () => {
 
 const handleSave = async (noteData) => {
   try {
-    await noteService.updateNote(noteId.value, noteData)
+    await updateNote(noteId.value, noteData)
     await loadNote()
     isEditing.value = false
   } catch (error) {
@@ -65,7 +65,7 @@ const handleDelete = async () => {
       title: '确认删除',
       type: 'error',
     })
-    await noteService.deleteNote(noteId.value)
+    await deleteNote(noteId.value)
     router.push({ name: 'notes' })
   } catch (error) {
     if (error !== false) {
@@ -81,7 +81,7 @@ const handleCancel = () => {
 
 const handleAutoSave = async (noteData, callback) => {
   try {
-    const latest = await noteService.updateNote(noteId.value, noteData)
+    const latest = await updateNote(noteId.value, noteData)
 
     // 成功回调
     if (callback) callback(true)
diff --git a/web/src/views/notes/NotesView.vue b/web/src/views/notes/NotesView.vue
index eba9048..046d66a 100644
--- a/web/src/views/notes/NotesView.vue
+++ b/web/src/views/notes/NotesView.vue
@@ -3,8 +3,8 @@ import { ref, onMounted, computed } from 'vue'
 import { useRouter, onBeforeRouteLeave } from 'vue-router'
 import { marked } from 'marked'
 import DOMPurify from 'dompurify'
-import noteService from '../../api/noteService.js'
-import fileService from '../../api/fileService.js'
+import { getNotes, createNote, updateNote, getNote, deleteNote } from '../../api/noteService.js'
+import { deleteFile } from '../../api/fileService.js'
 import NoteEditor from '../../components/NoteEditor.vue'
 import FileDetails from '../../components/FileDetails.vue'
 import { useToast } from '@/composables/useToast'
@@ -36,7 +36,7 @@ const { confirm: showConfirm } = useConfirm()
 const loadNotes = async () => {
   loading.value = true
   try {
-    const response = await noteService.getNotes({
+    const response = await getNotes({
       page: currentPage.value,
       page_size: pageSize.value,
     })
@@ -121,10 +121,10 @@ const handleAutoSave = async (noteData, callback) => {
     let savedNoteId
     let response
     if (selectedNote.value && selectedNote.value.id) {
-      await noteService.updateNote(selectedNote.value.id, noteData)
+      await updateNote(selectedNote.value.id, noteData)
       savedNoteId = selectedNote.value.id
     } else {
-      response = await noteService.createNote(noteData)
+      response = await createNote(noteData)
       savedNoteId = response.id
     }
 
@@ -138,7 +138,7 @@ const handleAutoSave = async (noteData, callback) => {
         id: savedNoteId,
       }
       // 重新通过API获取完整信息（包括时间戳等）
-      const freshNote = await noteService.getNote(savedNoteId)
+      const freshNote = await getNote(savedNoteId)
       selectedNote.value = freshNote
 
       // 刷新列表以显示新笔记
@@ -146,7 +146,7 @@ const handleAutoSave = async (noteData, callback) => {
     } else {
       // 如果是更新，也刷新当前笔记以拿到最新关联信息
       if (savedNoteId) {
-        const freshNote = await noteService.getNote(savedNoteId)
+        const freshNote = await getNote(savedNoteId)
         selectedNote.value = freshNote
       }
     }
@@ -160,10 +160,10 @@ const handleSave = async (noteData) => {
   try {
     let savedNoteId
     if (selectedNote.value && selectedNote.value.id) {
-      await noteService.updateNote(selectedNote.value.id, noteData)
+      await updateNote(selectedNote.value.id, noteData)
       savedNoteId = selectedNote.value.id
     } else {
-      const response = await noteService.createNote(noteData)
+      const response = await createNote(noteData)
       savedNoteId = response.id
     }
 
@@ -193,7 +193,7 @@ const handleDelete = async (id) => {
       title: '确认删除',
       type: 'error',
     })
-    await noteService.deleteNote(id)
+    await deleteNote(id)
     await loadNotes()
     if (selectedNote.value && selectedNote.value.id === id) {
       isViewing.value = false
@@ -232,7 +232,7 @@ const handleDeleteFile = async (id) => {
       title: '确认删除',
       type: 'error',
     })
-    await fileService.deleteFile(id)
+    await deleteFile(id)
     showDetails.value = false
     await loadNotes()
   } catch (error) {