diff --git a/src/layout/default/components/header/cache.vue b/src/layout/default/components/header/cache.vue
new file mode 100644
index 0000000..2d83f2b
--- /dev/null
+++ b/src/layout/default/components/header/cache.vue
@@ -0,0 +1,21 @@
+<template>
+    <div class="full-screen h-full cursor-pointer flex items-center px-2" @click="handleClean">
+        <icon :size="18" name="el-icon-delete" />
+    </div>
+</template>
+
+<script setup lang="ts" name="cache">
+
+// 清理缓存
+import feedback from "@/utils/feedback";
+import {systemCacheClear} from "@/api/setting/system";
+
+const handleClean = async () => {
+    await feedback.confirm('确认清除系统缓存？')
+    await systemCacheClear()
+}
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/layout/default/components/header/index.vue b/src/layout/default/components/header/index.vue
index 3f6d839..0b1a790 100644
--- a/src/layout/default/components/header/index.vue
+++ b/src/layout/default/components/header/index.vue
@@ -13,6 +13,9 @@
                 </div>
             </div>
             <div class="flex">
+                <div class="navbar-item" v-if="!isMobile">
+                    <cache />
+                </div>
                 <div class="navbar-item" v-if="!isMobile">
                     <full-screen />
                 </div>
@@ -37,6 +40,7 @@ import FullScreen from './full-screen.vue'
 import UserDropDown from './user-drop-down.vue'
 import Setting from '../setting/index.vue'
 import MultipleTabs from './multiple-tabs.vue'
+import Cache from './cache.vue'
 
 import useSettingStore from '@/stores/modules/setting'
 const appStore = useAppStore()