diff --git a/frontend/src/layouts/MainLayout.vue b/frontend/src/layouts/MainLayout.vue
index c7811f6..fe0823d 100644
--- a/frontend/src/layouts/MainLayout.vue
+++ b/frontend/src/layouts/MainLayout.vue
@@ -3,18 +3,21 @@ import { ref, computed } from 'vue'
 import { RouterLink, useRoute, useRouter } from 'vue-router'
 import { useAuthStore } from '../stores/auth'
 import { useConnectionsStore } from '../stores/connections'
+import { useSftpTabsStore } from '../stores/sftpTabs'
 import { useTerminalTabsStore } from '../stores/terminalTabs'
 import TerminalWorkspaceView from '../views/TerminalWorkspaceView.vue'
-import { ArrowLeftRight, Server, LogOut, Menu, X, Terminal } from 'lucide-vue-next'
+import { ArrowLeftRight, Server, LogOut, Menu, X, Terminal, FolderOpen } from 'lucide-vue-next'
 
 const route = useRoute()
 const router = useRouter()
-const authStore = useAuthStore()
-const connectionsStore = useConnectionsStore()
-const tabsStore = useTerminalTabsStore()
+const authStore = useAuthStore()
+const connectionsStore = useConnectionsStore()
+const sftpTabsStore = useSftpTabsStore()
+const tabsStore = useTerminalTabsStore()
 const sidebarOpen = ref(false)
 
 const terminalTabs = computed(() => tabsStore.tabs)
+const sftpTabs = computed(() => sftpTabsStore.tabs)
 const showTerminalWorkspace = computed(() => route.path === '/terminal')
 const keepTerminalWorkspaceMounted = computed(() => showTerminalWorkspace.value || terminalTabs.value.length > 0)
 
@@ -30,10 +33,39 @@ function handleTabClick(tabId: string) {
   closeSidebar()
 }
 
-function handleTabClose(tabId: string, event: Event) {
-  event.stopPropagation()
-  tabsStore.close(tabId)
-}
+function handleTabClose(tabId: string, event: Event) {
+  event.stopPropagation()
+  tabsStore.close(tabId)
+}
+
+function isCurrentSftpRoute(connectionId: number) {
+  if (route.name !== 'Sftp') return false
+
+  const routeParamId = Array.isArray(route.params.id) ? route.params.id[0] : route.params.id
+  return Number(routeParamId) === connectionId
+}
+
+function handleSftpTabClick(tabId: string, connectionId: number) {
+  sftpTabsStore.activate(tabId)
+  router.push(`/sftp/${connectionId}`)
+  closeSidebar()
+}
+
+function handleSftpTabClose(tabId: string, connectionId: number, event: Event) {
+  event.stopPropagation()
+
+  const shouldNavigate = isCurrentSftpRoute(connectionId)
+  sftpTabsStore.close(tabId)
+
+  if (!shouldNavigate) return
+
+  if (sftpTabsStore.activeTab) {
+    router.push(`/sftp/${sftpTabsStore.activeTab.connectionId}`)
+    return
+  }
+
+  router.push('/connections')
+}
 </script>
 
 <template>
@@ -80,11 +112,11 @@ function handleTabClose(tabId: string, event: Event) {
         </RouterLink>
 
         <!-- 终端标签区域 -->
-        <div v-if="terminalTabs.length > 0" class="pt-4 mt-4 border-t border-slate-700">
-          <div class="flex items-center gap-2 px-3 py-2 text-xs font-semibold text-slate-500 uppercase tracking-wider">
-            <Terminal class="w-4 h-4" aria-hidden="true" />
-            <span>终端</span>
-          </div>
+        <div v-if="terminalTabs.length > 0" class="pt-4 mt-4 border-t border-slate-700">
+          <div class="flex items-center gap-2 px-3 py-2 text-xs font-semibold text-slate-500 uppercase tracking-wider">
+            <Terminal class="w-4 h-4" aria-hidden="true" />
+            <span>终端</span>
+          </div>
           <div class="space-y-1 mt-2">
             <button
               v-for="tab in terminalTabs"
@@ -101,9 +133,41 @@ function handleTabClose(tabId: string, event: Event) {
               >
                 <X class="w-3 h-3" aria-hidden="true" />
               </button>
-            </button>
-          </div>
-        </div>
+            </button>
+          </div>
+        </div>
+
+        <div v-if="sftpTabs.length > 0" class="pt-4 mt-4 border-t border-slate-700">
+          <div class="flex items-center gap-2 px-3 py-2 text-xs font-semibold text-slate-500 uppercase tracking-wider">
+            <FolderOpen class="w-4 h-4" aria-hidden="true" />
+            <span>文件</span>
+          </div>
+          <div class="space-y-1 mt-2">
+            <div
+              v-for="tab in sftpTabs"
+              :key="tab.id"
+              class="w-full flex items-center justify-between gap-2 px-3 py-2.5 rounded-lg text-slate-300 hover:bg-slate-700 hover:text-slate-100 transition-colors duration-200 min-h-[44px] group focus-within:outline-none focus-within:ring-2 focus-within:ring-cyan-500 focus-within:ring-inset"
+              :class="{ 'bg-slate-700 text-cyan-400': tab.active && route.path === `/sftp/${tab.connectionId}` }"
+            >
+              <button
+                type="button"
+                @click="handleSftpTabClick(tab.id, tab.connectionId)"
+                class="flex-1 min-w-0 text-left cursor-pointer focus:outline-none"
+                :aria-label="`打开文件标签 ${tab.title}`"
+              >
+                <span class="truncate text-sm block">{{ tab.title }}</span>
+              </button>
+              <button
+                type="button"
+                @click="(e) => handleSftpTabClose(tab.id, tab.connectionId, e)"
+                class="p-1 rounded opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 focus:opacity-100 hover:bg-slate-600 transition-opacity duration-200 transition-colors flex-shrink-0 focus:outline-none focus:ring-2 focus:ring-cyan-500"
+                aria-label="关闭文件标签"
+              >
+                <X class="w-3 h-3" aria-hidden="true" />
+              </button>
+            </div>
+          </div>
+        </div>
       </nav>
       <div class="p-4 border-t border-slate-700">
         <button
diff --git a/frontend/src/stores/sftpTabs.ts b/frontend/src/stores/sftpTabs.ts
new file mode 100644
index 0000000..9e39926
--- /dev/null
+++ b/frontend/src/stores/sftpTabs.ts
@@ -0,0 +1,84 @@
+import { defineStore } from 'pinia'
+import { ref, computed } from 'vue'
+import type { Connection } from '../api/connections'
+
+export interface SftpTab {
+  id: string
+  connectionId: number
+  title: string
+  active: boolean
+}
+
+export const useSftpTabsStore = defineStore('sftpTabs', () => {
+  const tabs = ref<SftpTab[]>([])
+  const activeTabId = ref<string | null>(null)
+
+  const activeTab = computed(() => tabs.value.find(t => t.id === activeTabId.value) || null)
+
+  function generateTabId() {
+    return `tab-${Date.now()}-${Math.random().toString(16).slice(2)}`
+  }
+
+  function openOrFocus(connection: Connection) {
+    const existing = tabs.value.find(t => t.connectionId === connection.id)
+    if (existing) {
+      activate(existing.id)
+      return existing.id
+    }
+
+    const newTab: SftpTab = {
+      id: generateTabId(),
+      connectionId: connection.id,
+      title: connection.name,
+      active: true,
+    }
+
+    tabs.value.push(newTab)
+    activate(newTab.id)
+    return newTab.id
+  }
+
+  function syncActiveState() {
+    const hasActiveTab = activeTabId.value !== null && tabs.value.some(t => t.id === activeTabId.value)
+    if (!hasActiveTab) {
+      activeTabId.value = null
+    }
+
+    tabs.value.forEach(t => {
+      t.active = t.id === activeTabId.value
+    })
+  }
+
+  function activate(tabId: string) {
+    if (!tabs.value.some(t => t.id === tabId)) return
+
+    activeTabId.value = tabId
+    syncActiveState()
+  }
+
+  function close(tabId: string) {
+    const index = tabs.value.findIndex(t => t.id === tabId)
+    if (index === -1) return
+
+    const wasActive = activeTabId.value === tabId
+    tabs.value.splice(index, 1)
+
+    if (wasActive && tabs.value.length > 0) {
+      const newIndex = Math.min(index, tabs.value.length - 1)
+      activeTabId.value = tabs.value[newIndex]!.id
+    } else if (tabs.value.length === 0) {
+      activeTabId.value = null
+    }
+
+    syncActiveState()
+  }
+
+  return {
+    tabs,
+    activeTabId,
+    activeTab,
+    openOrFocus,
+    activate,
+    close,
+  }
+})
diff --git a/frontend/src/views/ConnectionsView.vue b/frontend/src/views/ConnectionsView.vue
index 0db37ae..2d36de3 100644
--- a/frontend/src/views/ConnectionsView.vue
+++ b/frontend/src/views/ConnectionsView.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
-import { computed, ref, onMounted, watch } from 'vue'
+import { computed, ref, onMounted, watch } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
 import { useConnectionsStore } from '../stores/connections'
+import { useSftpTabsStore } from '../stores/sftpTabs'
 import { useTerminalTabsStore } from '../stores/terminalTabs'
 import type { Connection, ConnectionCreateRequest } from '../api/connections'
 import ConnectionForm from '../components/ConnectionForm.vue'
@@ -19,9 +20,10 @@ import {
 } from 'lucide-vue-next'
 
 const router = useRouter()
-const route = useRoute()
-const store = useConnectionsStore()
-const tabsStore = useTerminalTabsStore()
+const route = useRoute()
+const store = useConnectionsStore()
+const tabsStore = useTerminalTabsStore()
+const sftpTabsStore = useSftpTabsStore()
 
 const showForm = ref(false)
 const editingConn = ref<Connection | null>(null)
@@ -95,6 +97,7 @@ function openTerminal(conn: Connection) {
 }
 
 function openSftp(conn: Connection) {
+  sftpTabsStore.openOrFocus(conn)
   router.push(`/sftp/${conn.id}`)
 }
 
diff --git a/frontend/src/views/SftpView.vue b/frontend/src/views/SftpView.vue
index 43c5e0e..0285726 100644
--- a/frontend/src/views/SftpView.vue
+++ b/frontend/src/views/SftpView.vue
@@ -1,10 +1,11 @@
 <script setup lang="ts">
-import { ref, computed, watch, onMounted, onBeforeUnmount } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
-import { useToast } from 'vue-toast-notification'
-import { useConnectionsStore } from '../stores/connections'
-import * as sftpApi from '../api/sftp'
-import type { SftpFileInfo } from '../api/sftp'
+import { ref, computed, watch, onBeforeUnmount } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import { useToast } from 'vue-toast-notification'
+import { useConnectionsStore } from '../stores/connections'
+import { useSftpTabsStore } from '../stores/sftpTabs'
+import * as sftpApi from '../api/sftp'
+import type { SftpFileInfo } from '../api/sftp'
 import {
   ArrowLeft,
   FolderOpen,
@@ -24,12 +25,13 @@ import {
 } from 'lucide-vue-next'
 
 const route = useRoute()
-const router = useRouter()
-const toast = useToast()
-const store = useConnectionsStore()
-
-const connectionId = computed(() => Number(route.params.id))
-const conn = ref(store.getConnection(connectionId.value))
+const router = useRouter()
+const toast = useToast()
+const store = useConnectionsStore()
+const sftpTabsStore = useSftpTabsStore()
+
+const connectionId = computed(() => Number(route.params.id))
+const conn = ref(store.getConnection(connectionId.value))
 
 const currentPath = ref('.')
 const pathParts = ref<string[]>([])
@@ -59,12 +61,23 @@ watch([searchQuery, showHiddenFiles, files], () => {
 }, { immediate: true })
 
 onBeforeUnmount(() => {
+  invalidateUploadContext()
   clearTimeout(searchDebounceTimer)
   stopTransferProgress()
 })
-
-const showUploadProgress = ref(false)
-const uploadProgressList = ref<{ id: string; name: string; size: number; uploaded: number; total: number; status: 'pending' | 'uploading' | 'success' | 'error'; message?: string }[]>([])
+
+const showUploadProgress = ref(false)
+const uploadProgressList = ref<{ id: string; name: string; size: number; uploaded: number; total: number; status: 'pending' | 'uploading' | 'success' | 'error'; message?: string }[]>([])
+let activeUploadContextId = 0
+
+function createUploadContext() {
+  activeUploadContextId += 1
+  return activeUploadContextId
+}
+
+function invalidateUploadContext() {
+  activeUploadContextId += 1
+}
 
 const totalProgress = computed(() => {
   if (uploadProgressList.value.length === 0) return 0
@@ -164,51 +177,153 @@ async function cancelTransfer() {
   }
 }
 
-onMounted(() => {
-  conn.value = store.getConnection(connectionId.value)
-  if (!conn.value) {
-    store.fetchConnections().then(() => {
-      conn.value = store.getConnection(connectionId.value)
-      initPath()
-    })
-  } else {
-    initPath()
-  }
-})
-
-function initPath() {
-  sftpApi.getPwd(connectionId.value).then((res) => {
-    const p = res.data.path || '/'
-    currentPath.value = p === '/' ? '/' : p
-    pathParts.value = p === '/' ? [''] : p.split('/').filter(Boolean)
-    loadPath()
-  }).catch((err: { response?: { data?: { error?: string } } }) => {
-    error.value = err?.response?.data?.error ?? '获取当前路径失败，请检查连接与认证'
-    currentPath.value = '.'
-    pathParts.value = []
-    loadPath()
-  })
-}
-
-function loadPath() {
-  loading.value = true
-  error.value = ''
-  searchQuery.value = ''
-  sftpApi
-    .listFiles(connectionId.value, currentPath.value)
-    .then((res) => {
-      files.value = res.data.sort((a, b) => {
-        if (a.directory !== b.directory) return a.directory ? -1 : 1
-        return a.name.localeCompare(b.name)
-      })
-    })
-    .catch((err: { response?: { data?: { error?: string } } }) => {
-      error.value = err?.response?.data?.error ?? '获取文件列表失败'
-    })
-    .finally(() => {
-      loading.value = false
-    })
-}
+let routeInitRequestId = 0
+
+function isStaleRouteInit(requestId?: number, isCancelled?: () => boolean) {
+  return (isCancelled?.() ?? false) || (requestId != null && requestId !== routeInitRequestId)
+}
+
+function resetVolatileSftpState() {
+  invalidateUploadContext()
+  conn.value = undefined
+  currentPath.value = '.'
+  pathParts.value = []
+  files.value = []
+  filteredFiles.value = []
+  loading.value = false
+  error.value = ''
+  selectedFile.value = null
+  searchQuery.value = ''
+
+  showUploadProgress.value = false
+  uploadProgressList.value = []
+  uploading.value = false
+
+  stopTransferProgress()
+  showTransferModal.value = false
+  transferFile.value = null
+  transferTargetConnectionId.value = null
+  transferTargetPath.value = ''
+  transferError.value = ''
+  transferring.value = false
+  resetTransferProgress()
+}
+
+watch(
+  () => route.params.id,
+  async (routeId, _, onCleanup) => {
+    const requestId = ++routeInitRequestId
+    let cleanedUp = false
+    onCleanup(() => {
+      cleanedUp = true
+    })
+
+    const isRouteInitCancelled = () => cleanedUp
+    resetVolatileSftpState()
+
+    const rawId = Array.isArray(routeId) ? routeId[0] : routeId
+    const parsedId = Number(rawId)
+
+    if (!rawId || !Number.isInteger(parsedId) || parsedId <= 0) {
+      if (isStaleRouteInit(requestId, isRouteInitCancelled)) return
+      conn.value = undefined
+      await redirectToConnections('连接参数无效，请从连接列表重新进入', requestId, isRouteInitCancelled)
+      return
+    }
+
+    if (store.connections.length === 0) {
+      try {
+        await store.fetchConnections()
+      } catch {
+        if (isStaleRouteInit(requestId, isRouteInitCancelled)) return
+        await redirectToConnections('加载连接列表失败，请稍后重试', requestId, isRouteInitCancelled)
+        return
+      }
+
+      if (isStaleRouteInit(requestId, isRouteInitCancelled)) return
+    }
+
+    const targetConnection = store.getConnection(parsedId)
+    if (!targetConnection) {
+      if (isStaleRouteInit(requestId, isRouteInitCancelled)) return
+      conn.value = undefined
+      await redirectToConnections('连接不存在或已删除', requestId, isRouteInitCancelled)
+      return
+    }
+
+    if (isStaleRouteInit(requestId, isRouteInitCancelled)) return
+    conn.value = targetConnection
+    sftpTabsStore.openOrFocus(targetConnection)
+    await initPath(parsedId, requestId, isRouteInitCancelled)
+  },
+  { immediate: true }
+)
+
+async function redirectToConnections(
+  message: string,
+  requestId = routeInitRequestId,
+  isCancelled?: () => boolean
+) {
+  if (isStaleRouteInit(requestId, isCancelled)) return
+  toast.error(message)
+  if (isStaleRouteInit(requestId, isCancelled)) return
+  await router.replace('/connections')
+}
+
+async function initPath(
+  targetConnectionId = connectionId.value,
+  requestId = routeInitRequestId,
+  isCancelled?: () => boolean
+) {
+  try {
+    const res = await sftpApi.getPwd(targetConnectionId)
+    if (isStaleRouteInit(requestId, isCancelled)) return
+
+    const p = res.data.path || '/'
+    currentPath.value = p === '/' ? '/' : p
+    pathParts.value = p === '/' ? [''] : p.split('/').filter(Boolean)
+    await loadPath(targetConnectionId, requestId, isCancelled)
+  } catch (err) {
+    if (isStaleRouteInit(requestId, isCancelled)) return
+
+    const typedErr = err as { response?: { data?: { error?: string } } }
+    error.value = typedErr?.response?.data?.error ?? '获取当前路径失败，请检查连接与认证'
+    currentPath.value = '.'
+    pathParts.value = []
+    await loadPath(targetConnectionId, requestId, isCancelled)
+  }
+}
+
+async function loadPath(
+  targetConnectionId = connectionId.value,
+  requestId = routeInitRequestId,
+  isCancelled?: () => boolean
+) {
+  if (isStaleRouteInit(requestId, isCancelled)) return
+
+  loading.value = true
+  error.value = ''
+  searchQuery.value = ''
+
+  try {
+    const res = await sftpApi.listFiles(targetConnectionId, currentPath.value)
+    if (isStaleRouteInit(requestId, isCancelled)) return
+
+    files.value = res.data.sort((a, b) => {
+      if (a.directory !== b.directory) return a.directory ? -1 : 1
+      return a.name.localeCompare(b.name)
+    })
+  } catch (err) {
+    if (isStaleRouteInit(requestId, isCancelled)) return
+
+    const typedErr = err as { response?: { data?: { error?: string } } }
+    error.value = typedErr?.response?.data?.error ?? '获取文件列表失败'
+  } finally {
+    if (!isStaleRouteInit(requestId, isCancelled)) {
+      loading.value = false
+    }
+  }
+}
 
 function navigateToDir(name: string) {
   if (loading.value) return
@@ -267,13 +382,18 @@ function triggerUpload() {
   fileInputRef.value?.click()
 }
 
-async function handleFileSelect(e: Event) {
-  const input = e.target as HTMLInputElement
-  const selected = input.files
-  if (!selected?.length) return
-  uploading.value = true
-  error.value = ''
-  const path = currentPath.value === '.' ? '' : currentPath.value
+async function handleFileSelect(e: Event) {
+  const uploadContextId = createUploadContext()
+  const isUploadStale = () => uploadContextId !== activeUploadContextId
+
+  const input = e.target as HTMLInputElement
+  const selected = input.files
+  if (!selected?.length || isUploadStale()) return
+
+  const targetConnectionId = connectionId.value
+  uploading.value = true
+  error.value = ''
+  const path = currentPath.value === '.' ? '' : currentPath.value
   
   const uploadTasks: { id: string; file: File; taskId?: string }[] = []
   for (let i = 0; i < selected.length; i++) {
@@ -293,29 +413,40 @@ async function handleFileSelect(e: Event) {
 
   showUploadProgress.value = true
 
-  const MAX_PARALLEL = 5
-  
-  for (let i = 0; i < uploadTasks.length; i += MAX_PARALLEL) {
-    const batch = uploadTasks.slice(i, i + MAX_PARALLEL)
-    const batchPromises = batch.map(async task => {
-      if (!task) return
-      const { id, file } = task
-      const item = uploadProgressList.value.find(item => item.id === id)
-      if (!item) return
-      
-      item.status = 'uploading'
-      
-      try {
-        // Start upload and get taskId
-        const uploadRes = await sftpApi.uploadFile(connectionId.value, path, file)
-        const taskId = uploadRes.data.taskId
-        
-        // Poll for progress
-        while (true) {
-          const statusRes = await sftpApi.getUploadTask(taskId)
-          const taskStatus = statusRes.data
-          
-          item.uploaded = taskStatus.transferredBytes
+  const MAX_PARALLEL = 5
+  
+  for (let i = 0; i < uploadTasks.length; i += MAX_PARALLEL) {
+    if (isUploadStale()) return
+
+    const batch = uploadTasks.slice(i, i + MAX_PARALLEL)
+    const batchPromises = batch.map(async task => {
+      if (!task || isUploadStale()) return
+
+      const { id, file } = task
+      const item = uploadProgressList.value.find(item => item.id === id)
+      if (!item || isUploadStale()) return
+      
+      item.status = 'uploading'
+      
+      try {
+        if (isUploadStale()) return
+
+        // Start upload and get taskId
+        const uploadRes = await sftpApi.uploadFile(targetConnectionId, path, file)
+        if (isUploadStale()) return
+
+        const taskId = uploadRes.data.taskId
+        
+        // Poll for progress
+        while (true) {
+          if (isUploadStale()) return
+
+          const statusRes = await sftpApi.getUploadTask(taskId)
+          if (isUploadStale()) return
+
+          const taskStatus = statusRes.data
+          
+          item.uploaded = taskStatus.transferredBytes
           item.total = taskStatus.totalBytes
           
           if (taskStatus.status === 'success') {
@@ -327,24 +458,34 @@ async function handleFileSelect(e: Event) {
             item.message = taskStatus.error || 'Upload failed'
             break
           }
-          
-          await new Promise(resolve => setTimeout(resolve, 200))
-        }
-      } catch (err: any) {
-        item.status = 'error'
-        item.message = err?.response?.data?.error || 'Upload failed'
-      }
-    })
-    await Promise.allSettled(batchPromises)
-  }
-
-  await loadPath()
-  const successCount = uploadProgressList.value.filter(item => item.status === 'success').length
-  showUploadProgress.value = false
-  uploadProgressList.value = []
-  uploading.value = false
-  fileInputRef.value!.value = ''
-  toast.success(`成功上传 ${successCount} 个文件`)
+
+          await new Promise(resolve => setTimeout(resolve, 200))
+        }
+      } catch (err: any) {
+        if (isUploadStale()) return
+
+        item.status = 'error'
+        item.message = err?.response?.data?.error || 'Upload failed'
+      }
+    })
+    await Promise.allSettled(batchPromises)
+  }
+
+  if (isUploadStale()) return
+
+  await loadPath(targetConnectionId)
+  if (isUploadStale()) return
+
+  const successCount = uploadProgressList.value.filter(item => item.status === 'success').length
+  showUploadProgress.value = false
+  uploadProgressList.value = []
+  uploading.value = false
+  if (fileInputRef.value) {
+    fileInputRef.value.value = ''
+  }
+
+  if (isUploadStale()) return
+  toast.success(`成功上传 ${successCount} 个文件`)
 }
 
 function handleMkdir() {
@@ -488,12 +629,12 @@ async function submitTransfer() {
             >
               <FolderPlus class="w-4 h-4" aria-hidden="true" />
             </button>
-            <button
-              @click="loadPath"
-              :disabled="loading"
-              class="p-2 rounded-lg text-slate-400 hover:bg-slate-700 hover:text-slate-100 transition-colors duration-200 cursor-pointer disabled:opacity-50"
-              aria-label="刷新"
-            >
+            <button
+              @click="loadPath()"
+              :disabled="loading"
+              class="p-2 rounded-lg text-slate-400 hover:bg-slate-700 hover:text-slate-100 transition-colors duration-200 cursor-pointer disabled:opacity-50"
+              aria-label="刷新"
+            >
               <RefreshCw class="w-4 h-4" :class="{ 'animate-spin': loading }" aria-hidden="true" />
             </button>
           </div>