提交

1

vite.config.ts

@@ -62,9 +62,32 @@ export default defineConfig({
     VitePWA({
       registerType: 'autoUpdate',
       includeAssets: ['./logo.png'],
-      // workbox: {
-      //   globPatterns: ['**/*.{js,css,html,ico,png,svg}']
-      // },
+      workbox: {
+        // globPatterns: ['**/*.{js,css,html,ico,png,svg}'],
+        runtimeCaching: [
+          {
+            urlPattern: /classroom/i, // 接口缓存 此处填你想缓存的接口正则匹配
+            handler: 'NetworkFirst',
+            options: {
+              cacheName: 'interface-cache'
+            }
+          },
+          {
+            urlPattern: /(.*?)\.(js|css|ts)/, // js /css /ts静态资源缓存
+            handler: 'NetworkFirst',
+            options: {
+              cacheName: 'js-css-cache'
+            }
+          },
+          {
+            urlPattern: /(.*?)\.(png|jpe?g|svg|gif|bmp|psd|tiff|tga|eps)/, // 图片缓存
+            handler: 'NetworkFirst',
+            options: {
+              cacheName: 'image-cache'
+            }
+          }
+        ]
+      },
       manifest: {
         name: '酷乐秀-音乐数字课堂',
         short_name: '音乐数字课堂',