fix: 修复文件大小和更新日期不展示的问题

Author: Flex-7746

backend/src/cgi.js

@@ -73,6 +73,10 @@ async function main() {
     if (type) {
       console.log(`Content-Type: ${type}`)
       console.log(`Content-Length: ${body.size}`)
+      console.log('Access-Control-Expose-Headers: X-Size,X-Update-Date,X-Create-Date')
+      console.log(`X-Size: ${body.size}`)
+      console.log(`X-Update-Date: ${body.mtime}`)
+      console.log(`X-Create-Date: ${body.birthtime}`)
       console.log('')
       body.stream.pipe(process.stdout)
     } else {

backend/src/koa.js

@@ -22,6 +22,10 @@ app.use(async (ctx) => {
   if (type) {
     ctx.set('Content-Type', type)
     ctx.set('Content-Length', body.size)
+    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)
+    ctx.set('X-Create-Date', body.birthtime)
     ctx.body = body.stream
   } else {
     ctx.set('Content-Type', 'application/json; charset=utf-8')

backend/src/router/read.js

@@ -19,7 +19,6 @@ module.exports = async function ({ query }) {
 
     if (query.cache) {
       const maxAge = 365 * 24 * 60 * 60
-
       console.log(`Cache-Control: public, max-age=${maxAge}, immutable`)
       console.log(`Expires: ${new Date(Date.now() + maxAge * 1000).toUTCString()}`)
       console.log(`ETag: "${stat.size}-${stat.mtime.getTime()}"`)
@@ -31,7 +30,8 @@ module.exports = async function ({ query }) {
       msg: '操作成功',
       data: {
         size: stat.size,
-        time: stat.mtime.toUTCString(),
+        mtime: stat.mtime.toUTCString(),
+        birthtime: stat.birthtime.toUTCString(),
         filename: filePath.split('/').pop(),
         stream: fs.createReadStream(filePath),
       },

frontend/components.d.ts

@@ -12,10 +12,8 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
-    2: typeof import('./src/components/icons/OfficeWord copy 2.vue')['default']
     ClickMove: typeof import('./src/components/ClickMove.vue')['default']
     Code: typeof import('./src/components/icons/Code.vue')['default']
-    copy: typeof import('./src/components/icons/Feiniu copy.vue')['default']
     ElButton: typeof import('element-plus/es')['ElButton']
     ElDialog: typeof import('element-plus/es')['ElDialog']
     ElIcon: typeof import('element-plus/es')['ElIcon']
@@ -50,10 +48,8 @@ declare module 'vue' {
 
 // For TSX support
 declare global {
-  const 2: typeof import('./src/components/icons/OfficeWord copy 2.vue')['default']
   const ClickMove: typeof import('./src/components/ClickMove.vue')['default']
   const Code: typeof import('./src/components/icons/Code.vue')['default']
-  const copy: typeof import('./src/components/icons/Feiniu copy.vue')['default']
   const ElButton: typeof import('element-plus/es')['ElButton']
   const ElDialog: typeof import('element-plus/es')['ElDialog']
   const ElIcon: typeof import('element-plus/es')['ElIcon']

frontend/src/hooks/useCode.ts

@@ -55,8 +55,8 @@ export default function useCode(option: OptionModel) {
         return
       }
 
-      code.byte = headers['content-length'] ? Number(headers['content-length']) : undefined
-      code.date = headers['last-modified'] ? dayjs(headers['last-modified']) : undefined
+      code.byte = headers['x-size'] ? Number(headers['x-size']) : undefined
+      code.date = headers['x-update-date'] ? dayjs(headers['x-update-date']) : undefined
 
       code.blob = data
       code.path = path