From 824b3ce67c7011f55b922315fd89866c86159343 Mon Sep 17 00:00:00 2001
From: tianfeng <769204422@qq.com>
Date: Wed, 20 Aug 2025 18:06:24 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E7=89=88=E6=9C=AC=E6=A3=80?=
 =?UTF-8?q?=E6=9F=A5=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env                         | 10 ++++-
 index.html                   |  6 +++
 src/main.js                  | 10 +++++
 src/utils/versionChecker.js  | 71 ++++++++++++++++++++++++++++++++++++
 src/views/HostCenterView.vue |  2 +-
 vite.config.js               | 18 +++++++++
 6 files changed, 114 insertions(+), 3 deletions(-)
 create mode 100644 src/utils/versionChecker.js

diff --git a/.env b/.env
index 9056d20..437c9ae 100644
--- a/.env
+++ b/.env
@@ -1,2 +1,8 @@
-# 默认环境（开发环境）
-VITE_NODE_ENV=development
+# 应用版本号
+VITE_APP_VERSION=1.0.0
+
+# 构建时间戳（会在构建时自动更新）
+VITE_BUILD_TIME=""
+
+# 是否启用版本检查
+VITE_ENABLE_VERSION_CHECK=true
diff --git a/index.html b/index.html
index 5b3a718..e87e5ca 100644
--- a/index.html
+++ b/index.html
@@ -7,6 +7,12 @@
     <meta name="format-detection" content="telephone=no">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+    
+    <!-- 禁用缓存 -->
+    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
+    <meta http-equiv="Pragma" content="no-cache">
+    <meta http-equiv="Expires" content="0">
+    
     <title>Likei H5</title>
     <style>
       body {
diff --git a/src/main.js b/src/main.js
index c90e333..2033ea7 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,5 +1,6 @@
 import './assets/main.css'
 import { logEnvInfo } from './utils/env.js'
+import { versionChecker } from './utils/versionChecker.js'
 
 import { createApp } from 'vue'
 import App from './App.vue'
@@ -8,6 +9,15 @@ import router from './router'
 // 初始化环境信息
 logEnvInfo()
 
+// 版本检查
+if (versionChecker.checkVersion()) {
+  console.log('检测到新版本，正在更新...')
+  // 可以选择显示一个更新提示
+  // if (confirm('检测到新版本，是否立即更新？')) {
+  //   versionChecker.forceReload()
+  // }
+}
+
 const app = createApp(App)
 
 app.use(router)
diff --git a/src/utils/versionChecker.js b/src/utils/versionChecker.js
new file mode 100644
index 0000000..7718b6e
--- /dev/null
+++ b/src/utils/versionChecker.js
@@ -0,0 +1,71 @@
+// 版本检查工具
+export class VersionChecker {
+  constructor() {
+    this.currentVersion = import.meta.env.VITE_APP_VERSION || Date.now().toString()
+    this.storageKey = 'h5_app_version'
+  }
+
+  // 检查版本更新
+  checkVersion() {
+    const storedVersion = localStorage.getItem(this.storageKey)
+    
+    if (storedVersion !== this.currentVersion) {
+      // 版本不匹配，清除缓存并刷新
+      this.clearCache()
+      localStorage.setItem(this.storageKey, this.currentVersion)
+      
+      // 延迟刷新，确保缓存清理完成
+      setTimeout(() => {
+        this.forceReload()
+      }, 100)
+      
+      return true // 需要刷新
+    }
+    
+    return false // 不需要刷新
+  }
+
+  // 清除应用缓存
+  clearCache() {
+    // 清除localStorage（保留必要的数据）
+    const keysToKeep = ['user_token', 'user_info'] // 保留的关键数据
+    const allKeys = Object.keys(localStorage)
+    
+    allKeys.forEach(key => {
+      if (!keysToKeep.includes(key)) {
+        localStorage.removeItem(key)
+      }
+    })
+
+    // 清除sessionStorage
+    sessionStorage.clear()
+
+    // 如果支持Service Worker，清除SW缓存
+    if ('serviceWorker' in navigator) {
+      caches.keys().then(names => {
+        names.forEach(name => {
+          caches.delete(name)
+        })
+      })
+    }
+  }
+
+  // 强制刷新页面
+  forceReload() {
+    // 尝试硬刷新（清除缓存）
+    if (window.location.reload) {
+      window.location.reload(true)
+    } else {
+      // 备用方案：重新加载页面
+      window.location.href = window.location.href + '?t=' + Date.now()
+    }
+  }
+
+  // 获取当前版本
+  getCurrentVersion() {
+    return this.currentVersion
+  }
+}
+
+// 导出单例
+export const versionChecker = new VersionChecker()
diff --git a/src/views/HostCenterView.vue b/src/views/HostCenterView.vue
index d533c24..8142cba 100644
--- a/src/views/HostCenterView.vue
+++ b/src/views/HostCenterView.vue
@@ -795,7 +795,7 @@ onMounted(async () => {
 }
 
 .progress-status {
-  background-color: #3B82F6;
+  background: linear-gradient(to right, #FF7578, #FF3D40);
   color: white;
   padding: 4px 12px;
   border-radius: 12px;
diff --git a/vite.config.js b/vite.config.js
index a365c2b..39c0e24 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -14,6 +14,24 @@ export default defineConfig({
       '@': fileURLToPath(new URL('./src', import.meta.url))
     },
   },
+  build: {
+    // 生成唯一的文件名，避免缓存问题
+    rollupOptions: {
+      output: {
+        // 为 JS 文件添加时间戳
+        entryFileNames: `js/[name]-[hash]-${Date.now()}.js`,
+        chunkFileNames: `js/[name]-[hash]-${Date.now()}.js`,
+        assetFileNames: (assetInfo) => {
+          const info = assetInfo.name.split('.')
+          const ext = info[info.length - 1]
+          if (/\.(css)$/.test(assetInfo.name)) {
+            return `css/[name]-[hash]-${Date.now()}.[ext]`
+          }
+          return `assets/[name]-[hash]-${Date.now()}.[ext]`
+        }
+      }
+    }
+  },
   server: {
     host: '0.0.0.0', // 允许外部访问
     port: 5173,      // 指定端口