fix: 细节优化

Author: Flex-7746

backend/src/cgi.js

@@ -121,6 +121,8 @@ async function main() {
         console.log(`Expires: ${new Date(Date.now() + maxAge * 1000).toUTCString()}`)
         console.log(`ETag: "${body.size}-${body.mtime.getTime()}"`)
         console.log(`Last-Modified: ${body.mtime.toUTCString()}`)
+      } else {
+        console.log('Cache-Control: no-store')
       }
 
       // 自定义响应头

backend/src/koa.js

@@ -48,6 +48,14 @@ app.use(async (ctx) => {
   if (type) {
     ctx.set('Content-Type', type)
     ctx.set('Content-Length', body.size)
+
+    // 缓存静态资源
+    if (data.cache) {
+      //
+    } else {
+      ctx.set('Cache-Control', 'no-store')
+    }
+
     ctx.set('Access-Control-Expose-Headers', 'X-Size,X-Update-Date,X-Create-Date')
     ctx.set('X-Size', body.size)
     ctx.set('X-Update-Date', body.mtime.toUTCString())

frontend/src/layout/ViewLeft/ViewFolder.vue

@@ -63,8 +63,8 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, useTemplateRef } from 'vue'
-import { dayjs, ElMessageBox } from 'element-plus'
+import { nextTick, ref, useTemplateRef } from 'vue'
+import { dayjs, ElMessage, ElMessageBox } from 'element-plus'
 import { Files, Folder, FolderOpened, Refresh, Upload, DocumentAdd } from '@element-plus/icons-vue'
 
 import FileView from '@/components/FileView.vue'
@@ -105,6 +105,8 @@ const addFile = async (node: RenderContentContext['node']) => {
 
     await saveFile({ path, force: true, file: new Blob([new TextEncoder().encode(' ')]) })
 
+    ElMessage({ type: 'success', message: '操作成功' })
+
     editor.add(path, { keep: false })
 
     refreshNode(node)
@@ -141,12 +143,22 @@ const uploadFileChange = async (e: any) => {
     }
   }
 
-  await saveFile({ path: `${uploadInfo.value.data.value}/${file.name}`, force: true, file })
+  const path = `${uploadInfo.value.data.value}/${file.name}`
+
+  await saveFile({ path, force: true, file })
+
+  ElMessage({ type: 'success', message: '操作成功' })
 
   refreshNode(uploadInfo.value)
 
+  editor.remove(path, true)
+
   e.target.value = ''
   uploadInfo.value = undefined
+
+  nextTick(() => {
+    editor.add(path, { keep: false })
+  })
 }
 
 const refreshNode = (node: RenderContentContext['node']) => {

frontend/src/store/editor.ts

@@ -78,11 +78,11 @@ export const useEditorStore = defineStore('editor', () => {
     }
   }
 
-  const remove = async (path: string) => {
+  const remove = async (path: string, force = false) => {
     const index = view.findIndex((i) => i.path === path)
     const item = view[index]
     if (item) {
-      if (item.diff) {
+      if (item.diff && !force) {
         const value = await ElMessageBox.confirm('文件未保存，你的更改将丢失，确认关闭？', '提示', {
           confirmButtonText: '确认',
           cancelButtonText: '取消',