diff --git a/.github/workflows/docker-image-ci.yml b/.github/workflows/docker-image-ci.yml
index c847f7940..eddef187c 100644
--- a/.github/workflows/docker-image-ci.yml
+++ b/.github/workflows/docker-image-ci.yml
@@ -2,6 +2,7 @@ name: Docker Image CI
 
 on:
   push:
+    branches: [ 'dev' ]
     tags:
       - v*
 
diff --git a/vite.config.ts b/vite.config.ts
index e18fb8f60..34dd41752 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -7,176 +7,176 @@ import { fileURLToPath, URL } from 'node:url'
 import { getLastCommit } from 'git-last-commit'
 import VueMacros from 'unplugin-vue-macros/vite'
 
-// import viteImagemin from 'vite-plugin-imagemin'
-// import viteCompression from 'vite-plugin-compression'
-
 const lifecycle = process.env.npm_lifecycle_event
 
-// {
-//   name: 'axios',
-//   var: 'axios',
-//   path: 'https://lib.baomitu.com/axios/1.6.8/axios.min.js'
-// },
+export default defineConfig(() => {
+  let latestCommitHash = ''
 
-export default defineConfig(async () => {
-  const latestCommitHash = await new Promise<string>((resolve) => {
-    return getLastCommit((err, commit) => (err ? 'unknown' : resolve(commit.shortHash)))
-  })
-  return {
-    base: './',
-    envDir: 'env',
-    plugins: [
-      VueMacros({
-        plugins: {
-          vue: Vue(),
-          vueJsx: VueJsx() // if needed
-        }
-        // betterDefine: true,
-        // reactivityTransform: {
-        //   exclude: [/node_modules/, /jQuery\.js/]
-        // }
-      }),
-      // Vue(),
-      // VueJsx(),
-      lifecycle === 'report' ? (visualizer({ open: false }) as any as PluginOption) : null,
-      importToCDN({
-        modules: [
-          {
-            name: 'vue',
-            var: 'Vue',
-            path: `https://lib.baomitu.com/vue/3.4.21/vue.runtime.global.prod.min.js`
-          },
-          {
-            name: 'vue-router',
-            var: 'VueRouter',
-            path: 'https://lib.baomitu.com/vue-router/4.3.0/vue-router.global.prod.min.js'
-          },
-          {
-            name: 'vue-demi',
-            var: 'VueDemi',
-            path: 'https://lib.baomitu.com/vue-demi/0.14.7/index.iife.min.js'
-          },
-          {
-            name: 'mockjs',
-            var: 'Mock',
-            path: 'https://lib.baomitu.com/Mock.js/1.0.1-beta3/mock-min.js'
-          }
-        ]
-      })
-      // viteCompression({
-      //   verbose: false,
-      //   disable: false,
-      //   threshold: 10240,
-      //   algorithm: 'brotliCompress',
-      // }),
-      // viteCompression({
-      //   verbose: false,
-      //   disable: false,
-      //   algorithm: 'gzip',
-      //   threshold: 10240,
-      // }),
-      // viteImagemin({
-      //   gifsicle: {
-      //     optimizationLevel: 7,
-      //     interlaced: false,
-      //   },
-      //   optipng: {
-      //     optimizationLevel: 7,
-      //   },
-      //   mozjpeg: {
-      //     quality: 20,
-      //   },
-      //   pngquant: {
-      //     quality: [0.8, 0.9],
-      //     speed: 4,
-      //   },
-      //   svgo: {
-      //     plugins: [
-      //       {
-      //         name: 'removeViewBox',
-      //       },
-      //       {
-      //         name: 'removeEmptyAttrs',
-      //         active: false,
-      //       },
-      //     ],
-      //   },
-      // }),
-    ],
-    define: {
-      LATEST_COMMIT_HASH: JSON.stringify(
-        latestCommitHash + (process.env.NODE_ENV === 'production' ? '' : ' (dev)')
-      )
-    },
-    resolve: {
-      alias: {
-        '@': fileURLToPath(new URL('./src', import.meta.url))
-      },
-      extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
-    },
-    build: {
-      sourcemap: false,
-      rollupOptions: {
-        // https://rollupjs.org/guide/en/#outputmanualchunks
-        output: {
-          manualChunks(id, { getModuleInfo }) {
-            const reg = /(.*)\/src\/components\/(.*)/
-            if (reg.test(id)) {
-              const importersLen = getModuleInfo(id)?.importers.length ?? 0
-              // 被多处引用
-              if (importersLen > 1) return 'common'
+  return new Promise((resolve) => {
+    getLastCommit((err, commit) => {
+      if (!err) {
+        latestCommitHash = commit.shortHash
+      }
+      resolve({
+        base: './',
+        envDir: 'env',
+        plugins: [
+          VueMacros({
+            plugins: {
+              vue: Vue(),
+              vueJsx: VueJsx() // if needed
             }
-            if (id.includes('node_modules')) return 'vendor'
+            // betterDefine: true,
+            // reactivityTransform: {
+            //   exclude: [/node_modules/, /jQuery\.js/]
+            // }
+          }),
+          // Vue(),
+          // VueJsx(),
+          lifecycle === 'report' ? (visualizer({ open: false }) as any as PluginOption) : null,
+          importToCDN({
+            modules: [
+              {
+                name: 'vue',
+                var: 'Vue',
+                path: `https://lib.baomitu.com/vue/3.4.21/vue.runtime.global.prod.min.js`
+              },
+              {
+                name: 'vue-router',
+                var: 'VueRouter',
+                path: 'https://lib.baomitu.com/vue-router/4.3.0/vue-router.global.prod.min.js'
+              },
+              {
+                name: 'vue-demi',
+                var: 'VueDemi',
+                path: 'https://lib.baomitu.com/vue-demi/0.14.7/index.iife.min.js'
+              },
+              {
+                name: 'mockjs',
+                var: 'Mock',
+                path: 'https://lib.baomitu.com/Mock.js/1.0.1-beta3/mock-min.js'
+              }
+            ]
+          })
+          // viteCompression({
+          //   verbose: false,
+          //   disable: false,
+          //   threshold: 10240,
+          //   algorithm: 'brotliCompress',
+          // }),
+          // viteCompression({
+          //   verbose: false,
+          //   disable: false,
+          //   algorithm: 'gzip',
+          //   threshold: 10240,
+          // }),
+          // viteImagemin({
+          //   gifsicle: {
+          //     optimizationLevel: 7,
+          //     interlaced: false,
+          //   },
+          //   optipng: {
+          //     optimizationLevel: 7,
+          //   },
+          //   mozjpeg: {
+          //     quality: 20,
+          //   },
+          //   pngquant: {
+          //     quality: [0.8, 0.9],
+          //     speed: 4,
+          //   },
+          //   svgo: {
+          //     plugins: [
+          //       {
+          //         name: 'removeViewBox',
+          //       },
+          //       {
+          //         name: 'removeEmptyAttrs',
+          //         active: false,
+          //       },
+          //     ],
+          //   },
+          // }),
+        ],
+        resolve: {
+          alias: {
+            '@': fileURLToPath(new URL('./src', import.meta.url))
+          },
+          extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
+        },
+        build: {
+          sourcemap: false,
+          rollupOptions: {
+            // https://rollupjs.org/guide/en/#outputmanualchunks
+            output: {
+              manualChunks(id, { getModuleInfo }) {
+                const reg = /(.*)\/src\/components\/(.*)/
+                if (reg.test(id)) {
+                  const importersLen = getModuleInfo(id)?.importers.length ?? 0
+                  // 被多处引用
+                  if (importersLen > 1) return 'common'
+                }
+                if (id.includes('node_modules')) return 'vendor'
 
-            if (id.includes('/src/pages/home/Publish.vue')) return 'other'
+                if (id.includes('/src/pages/home/Publish.vue')) return 'other'
 
-            if (id.includes('/src/pages/home/Music.vue')) return 'other'
-            if (id.includes('/src/pages/home/MusicRankList.vue')) return 'other'
-            if (id.includes('/src/pages/home/LivePage.vue')) return 'other'
-            if (id.includes('/src/pages/home/SearchPage.vue')) return 'other'
+                if (id.includes('/src/pages/home/Music.vue')) return 'other'
+                if (id.includes('/src/pages/home/MusicRankList.vue')) return 'other'
+                if (id.includes('/src/pages/home/LivePage.vue')) return 'other'
+                if (id.includes('/src/pages/home/SearchPage.vue')) return 'other'
 
-            if (id.includes('/src/pages/shop/Shop.vue')) return 'other'
-            if (id.includes('/src/pages/shop/GoodsDetail.vue')) return 'other'
+                if (id.includes('/src/pages/shop/Shop.vue')) return 'other'
+                if (id.includes('/src/pages/shop/GoodsDetail.vue')) return 'other'
 
-            if (id.includes('/src/pages/message/Message.vue')) return 'other'
-            if (id.includes('/src/pages/message/Fans.vue')) return 'other'
-            if (id.includes('/src/pages/message/AllMessage.vue')) return 'other'
-            if (id.includes('/src/pages/message/notice/DouyinHelper.vue')) return 'other'
-            if (id.includes('/src/pages/message/notice/SystemNotice.vue')) return 'other'
-            if (id.includes('/src/pages/message/notice/TaskNotice.vue')) return 'other'
-            if (id.includes('/src/pages/message/notice/LiveNotice.vue')) return 'other'
-            if (id.includes('/src/pages/message/notice/MoneyNotice.vue')) return 'other'
+                if (id.includes('/src/pages/message/Message.vue')) return 'other'
+                if (id.includes('/src/pages/message/Fans.vue')) return 'other'
+                if (id.includes('/src/pages/message/AllMessage.vue')) return 'other'
+                if (id.includes('/src/pages/message/notice/DouyinHelper.vue')) return 'other'
+                if (id.includes('/src/pages/message/notice/SystemNotice.vue')) return 'other'
+                if (id.includes('/src/pages/message/notice/TaskNotice.vue')) return 'other'
+                if (id.includes('/src/pages/message/notice/LiveNotice.vue')) return 'other'
+                if (id.includes('/src/pages/message/notice/MoneyNotice.vue')) return 'other'
 
-            if (id.includes('/src/pages/me/Me.vue')) return 'other'
-            if (id.includes('/src/pages/me/Visitors.vue')) return 'other'
-            if (id.includes('/src/pages/me/RequestUpdate.vue')) return 'other'
-            if (id.includes('/src/pages/me/userinfo/EditUserInfo.vue')) return 'other'
-            if (id.includes('/src/pages/me/userinfo/EditUserInfoItem.vue')) return 'other'
-            if (id.includes('/src/pages/me/MyMusic.vue')) return 'other'
+                if (id.includes('/src/pages/me/Me.vue')) return 'other'
+                if (id.includes('/src/pages/me/Visitors.vue')) return 'other'
+                if (id.includes('/src/pages/me/RequestUpdate.vue')) return 'other'
+                if (id.includes('/src/pages/me/userinfo/EditUserInfo.vue')) return 'other'
+                if (id.includes('/src/pages/me/userinfo/EditUserInfoItem.vue')) return 'other'
+                if (id.includes('/src/pages/me/MyMusic.vue')) return 'other'
 
-            if (id.includes('/src/pages/other/VideoDetail.vue')) return 'other'
-            if (id.includes('/src/pages/other/AlbumDetail.vue')) return 'other'
+                if (id.includes('/src/pages/other/VideoDetail.vue')) return 'other'
+                if (id.includes('/src/pages/other/AlbumDetail.vue')) return 'other'
 
-            if (id.includes('/src/pages/people/FindAcquaintance.vue')) return 'other'
-            if (id.includes('/src/pages/people/FollowAndFans.vue')) return 'other'
+                if (id.includes('/src/pages/people/FindAcquaintance.vue')) return 'other'
+                if (id.includes('/src/pages/people/FollowAndFans.vue')) return 'other'
+              },
+              chunkFileNames: 'js/[name]-[hash].js', // 引入文件名的名称
+              entryFileNames: 'js/[name]-[hash].js', // 包的入口文件名称
+              assetFileNames: 'assets/[name]-[hash].[ext]' // 资源文件像 字体，图片等
+            }
           },
-          chunkFileNames: 'js/[name]-[hash].js', // 引入文件名的名称
-          entryFileNames: 'js/[name]-[hash].js', // 包的入口文件名称
-          assetFileNames: 'assets/[name]-[hash].[ext]' // 资源文件像 字体，图片等
+          assetsInlineLimit: 2048
+        },
+        define: {
+          LATEST_COMMIT_HASH: JSON.stringify(
+            latestCommitHash + (process.env.NODE_ENV === 'production' ? '' : ' (dev)')
+          )
+        },
+        esbuild: {
+          // drop: ['console', 'debugger']
+        },
+        server: {
+          port: 3000,
+          open: true,
+          host: '0.0.0.0',
+          fs: {
+            strict: false
+          }
+        },
+        preview: {
+          port: 5555
         }
-      },
-      assetsInlineLimit: 2048
-    },
-    esbuild: {
-      // drop: ['console', 'debugger']
-    },
-    server: {
-      port: 3000,
-      open: true,
-      host: '0.0.0.0',
-      fs: {
-        strict: false
-      }
-    }
-  }
+      })
+    })
+  })
 })