feat: 静态资源增加强缓存

zonemeen · Mar 13, 2024 · fd7b901 · fd7b901
1 parent 9185612
commit fd7b901
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 7 deletions.
diff --git a/public/index.css b/public/index.css
@@ -36,7 +36,7 @@
   height: calc(100vh - 236px);
 }
 .ant-input-search {
-  width: 220px;
+  width: 240px;
 }
 .list-item-click {
   cursor: pointer;

diff --git a/src/qrcode/index.ts b/src/qrcode/index.ts
@@ -10,6 +10,7 @@ import express, { NextFunction, Request, Response } from 'express'
 import search from '../services/search'
 import lyricDownload from '../services/lyric'
 import { getNetworkAddress } from '../utils'
+import { version } from '../../package.json'
 import type { ServiceType, CommandOptions } from '../types'
 
 interface DownloadRequestType {
@@ -49,11 +50,18 @@ export default async (options: CommandOptions) => {
 
   let htmlContent = readFileSync(indexPath, 'utf8')
 
-  htmlContent = htmlContent.replace(/{{base}}/g, base?.length ? `/${base}` : '')
+  htmlContent = htmlContent
+    .replace(/{{base}}/g, base?.length ? `/${base}` : '')
+    .replace(/{{version}}/g, version)
 
   app.use(
-    `/${base}`,
-    express.static(resolve(__dirname, process.env.IS_DEV === 'true' ? '../../public' : '../public'))
+    `${base?.length ? `/${base}` : ''}/${version}`,
+    express.static(
+      resolve(__dirname, process.env.IS_DEV === 'true' ? '../../public' : '../public'),
+      {
+        maxAge: 31536000,
+      }
+    )
   )
 
   app.get(`/${base}`, (_, res) => {

diff --git a/template/index.html b/template/index.html
@@ -4,8 +4,8 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width,initial-scale=1.0" />
     <title>Music Player</title>
-    <link rel="icon" type="image/svg+xml" href="{{base}}/music.svg" />
-    <link rel="icon" type="image/png" href="{{base}}/music.png" />
+    <link rel="icon" type="image/svg+xml" href="{{base}}/{{version}}/music.svg" />
+    <link rel="icon" type="image/png" href="{{base}}/{{version}}/music.png" />
     <link
       href="https://cdn.bootcdn.net/ajax/libs/ant-design-vue/1.7.7/antd.min.css"
       rel="stylesheet"
@@ -14,7 +14,7 @@
       href="https://cdn.bootcdn.net/ajax/libs/aplayer/1.10.1/APlayer.min.css"
       rel="stylesheet"
     />
-    <link href="{{base}}/index.css" rel="stylesheet" />
+    <link href="{{base}}/{{version}}/index.css" rel="stylesheet" />
     <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.9/vue.min.js"></script>
     <script src="https://cdn.bootcdn.net/ajax/libs/ant-design-vue/1.7.7/antd.min.js"></script>
     <script src="https://cdn.bootcdn.net/ajax/libs/aplayer/1.10.1/APlayer.min.js"></script>