diff --git a/web/app.vue b/web/app.vue
index be895ec1c..54acd1741 100644
--- a/web/app.vue
+++ b/web/app.vue
@@ -1,14 +1,14 @@
 <template>
-	<el-config-provider :locale="locale">
-		<NuxtLayout>
-			<NuxtLoadingIndicator />
-			<NuxtPage />
-		</NuxtLayout>
-	</el-config-provider>
+    <el-config-provider :locale="locale">
+        <NuxtLayout>
+            <NuxtLoadingIndicator/>
+            <NuxtPage/>
+        </NuxtLayout>
+    </el-config-provider>
 </template>
 
 <script lang="ts" setup>
-import { reactive, ref,computed,watch } from 'vue'
+import { reactive, ref, computed, watch } from 'vue'
 import useConfigStore from '@/stores/config'
 import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
 import en from 'element-plus/dist/locale/en.mjs'
@@ -33,38 +33,49 @@ getToken() && useMemberStore().setToken(getToken())
 
 const route = useRoute()
 watch(route, (nval, oval) => {
-	useAppStore().$patch(state => {
-		state.route = route.path
-	})
+    useAppStore().$patch(state => {
+        state.route = route.path
+    })
 
-	// 设置页面title
-	let path = route.path == '/' ? '/index' : route.path
-	// 处理部署后不知道为什么url会自动拼接上 / 的问题
-	if (path.slice(-1) == '/') path = path.slice(0, -1)
-	path = !path.lastIndexOf('/') ? `${path}/index` : path
-	let key = path.replace('/', '').replaceAll('/', '.')
+    // 设置页面title
+    let path = route.path == '/' ? '/index' : route.path
+    // 处理部署后不知道为什么url会自动拼接上 / 的问题
+    if (path.slice(-1) == '/') path = path.slice(0, -1)
+    path = !path.lastIndexOf('/') ? `${ path }/index` : path
+    let key = path.replace('/', '').replaceAll('/', '.')
 
-	setTimeout(() => {
-		useHead({
-			title: t(`pages.${key}`)
-		})
-	}, !oval ? 500 : 0)
+    setTimeout(() => {
+        useHead({
+            title: t(`pages.${ key }`)
+        })
+    }, !oval ? 500 : 0)
 }, { immediate: true })
 
 watch(() => systemStore.site, () => {
+    const site = systemStore.site
+    const siteTitle = site.meta_title || site.front_end_name || site.site_name
     useHead({
         titleTemplate: (title) => {
-            const siteTitle = systemStore.site.front_end_name || systemStore.site.site_name
-	        if(title){
-	        	if(siteTitle){
-			        return `${title} - ${siteTitle}`;
-		        }else {
-			        return title;
-		        }
-	        }else{
-	        	return siteTitle;
-	        }
-        }
+            if (title) {
+                if (siteTitle) {
+                    return `${ title } - ${ siteTitle }`;
+                } else {
+                    return title;
+                }
+            } else {
+                return siteTitle;
+            }
+        },
+        meta: [
+            {
+                name: 'description',
+                content: site.meta_desc ? site.meta_desc : ''
+            },
+            {
+                name: 'Keywords',
+                content: site.meta_keyword ? site.meta_keyword : ''
+            }
+        ]
     })
 }, { deep: true, immediate: true })
 </script>
diff --git a/web/package-lock.json b/web/package-lock.json
index bc6d53a11..69b39b350 100644
--- a/web/package-lock.json
+++ b/web/package-lock.json
@@ -73,6 +73,7 @@
             "resolved": "https://registry.npmmirror.com/@babel/core/-/core-7.21.4.tgz",
             "integrity": "sha512-qt/YV149Jman/6AfmlxJ04LMIu8bMoyl3RB91yTFrxQmgbrSvQMy7cI8Q62FHx1t8wJ8B5fu0UDoLwHAhUo1QA==",
             "dev": true,
+            "peer": true,
             "dependencies": {
                 "@ampproject/remapping": "^2.2.0",
                 "@babel/code-frame": "^7.21.4",
@@ -573,6 +574,7 @@
             "version": "2.1.0",
             "resolved": "https://registry.npmmirror.com/@element-plus/icons-vue/-/icons-vue-2.1.0.tgz",
             "integrity": "sha512-PSBn3elNoanENc1vnCfh+3WA9fimRC7n+fWkf3rE5jvv+aBohNHABC/KAR5KWPecxWxDTVT1ERpRbOMRcOV/vA==",
+            "peer": true,
             "peerDependencies": {
                 "vue": "^3.2.0"
             }
@@ -1882,6 +1884,7 @@
             "version": "4.17.7",
             "resolved": "https://registry.npmmirror.com/@types/lodash-es/-/lodash-es-4.17.7.tgz",
             "integrity": "sha512-z0ptr6UI10VlU6l5MYhGwS4mC8DZyYer2mCoyysZtSF7p26zOX8UpbrV0YpNYLGS8K4PUFIyEr62IMFFjveSiQ==",
+            "peer": true,
             "dependencies": {
                 "@types/lodash": "*"
             }
@@ -1890,7 +1893,8 @@
             "version": "18.15.11",
             "resolved": "https://registry.npmjs.org/@types/node/-/node-18.15.11.tgz",
             "integrity": "sha512-E5Kwq2n4SbMzQOn6wnmBjuK9ouqlURrcZDVfbo9ftDDTFt3nk7ZKK4GMOzoYgnpQJKcxwQw+lGaBvvlMo0qN/Q==",
-            "dev": true
+            "dev": true,
+            "peer": true
         },
         "node_modules/@types/qrcode": {
             "version": "1.5.0",
@@ -2657,6 +2661,7 @@
             "resolved": "https://registry.npmmirror.com/browserslist/-/browserslist-4.21.5.tgz",
             "integrity": "sha512-tUkiguQGW7S3IhB7N+c2MV/HZPSCPAAiYBZXLsBhFB/PCy6ZKKsZrmBayHV9fdGV/ARIfJ14NkxKzRDjvp7L6w==",
             "dev": true,
+            "peer": true,
             "dependencies": {
                 "caniuse-lite": "^1.0.30001449",
                 "electron-to-chromium": "^1.4.284",
@@ -3619,6 +3624,7 @@
             "version": "2.3.2",
             "resolved": "https://registry.npmmirror.com/element-plus/-/element-plus-2.3.2.tgz",
             "integrity": "sha512-NIK0QckKKagdlMm3eLoVoD4Lkfj5ECzpZAxwrRLdm1Yi5qiTU9Guor33+IbIa52z4gHMuhMxgSVS2xAGmjLHsw==",
+            "peer": true,
             "dependencies": {
                 "@ctrl/tinycolor": "^3.4.1",
                 "@element-plus/icons-vue": "^2.0.6",
@@ -4954,12 +4960,14 @@
         "node_modules/lodash": {
             "version": "4.17.21",
             "resolved": "https://registry.npmmirror.com/lodash/-/lodash-4.17.21.tgz",
-            "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+            "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+            "peer": true
         },
         "node_modules/lodash-es": {
             "version": "4.17.21",
             "resolved": "https://registry.npmmirror.com/lodash-es/-/lodash-es-4.17.21.tgz",
-            "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
+            "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==",
+            "peer": true
         },
         "node_modules/lodash-unified": {
             "version": "1.0.3",
@@ -6172,6 +6180,7 @@
             "version": "8.4.21",
             "resolved": "https://registry.npmmirror.com/postcss/-/postcss-8.4.21.tgz",
             "integrity": "sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==",
+            "peer": true,
             "dependencies": {
                 "nanoid": "^3.3.4",
                 "picocolors": "^1.0.0",
@@ -7144,6 +7153,7 @@
             "resolved": "https://registry.npmmirror.com/rollup/-/rollup-3.20.2.tgz",
             "integrity": "sha512-3zwkBQl7Ai7MFYQE0y1MeQ15+9jsi7XxfrqwTb/9EK8D9C9+//EBR4M+CuA1KODRaNbFez/lWxA5vhEGZp4MUg==",
             "dev": true,
+            "peer": true,
             "bin": {
                 "rollup": "dist/bin/rollup"
             },
@@ -7225,6 +7235,7 @@
             "resolved": "https://registry.npmmirror.com/sass/-/sass-1.60.0.tgz",
             "integrity": "sha512-updbwW6fNb5gGm8qMXzVO7V4sWf7LMXnMly/JEyfbfERbVH46Fn6q02BX7/eHTdKpE7d+oTkMMQpFWNUMfFbgQ==",
             "dev": true,
+            "peer": true,
             "dependencies": {
                 "chokidar": ">=3.0.0 <4.0.0",
                 "immutable": "^4.0.0",
@@ -8045,6 +8056,7 @@
             "resolved": "https://registry.npmmirror.com/vite/-/vite-4.2.1.tgz",
             "integrity": "sha512-7MKhqdy0ISo4wnvwtqZkjke6XN4taqQ2TBaTccLIpOKv7Vp2h4Y+NpmWCnGDeSvvn45KxvWgGyb0MkHvY1vgbg==",
             "dev": true,
+            "peer": true,
             "dependencies": {
                 "esbuild": "^0.17.5",
                 "postcss": "^8.4.21",
@@ -8406,6 +8418,7 @@
             "version": "3.2.47",
             "resolved": "https://registry.npmmirror.com/vue/-/vue-3.2.47.tgz",
             "integrity": "sha512-60188y/9Dc9WVrAZeUVSDxRQOZ+z+y5nO2ts9jWXSTkMvayiWxCWOWtBQoYjLeccfXkiiPZWAHcV+WTPhkqJHQ==",
+            "peer": true,
             "dependencies": {
                 "@vue/compiler-dom": "3.2.47",
                 "@vue/compiler-sfc": "3.2.47",