Merge branch 'main' into pages

perf: 优化当捕获所有未匹配路由并跳转全屏404页面的时机
2025-11-03 13:44:47 +08:00 · 2025-09-19 14:37:16 +08:00 · 2025-09-19 14:34:08 +08:00 · 2025-09-18 10:10:03 +08:00 · 2025-09-18 10:05:14 +08:00 · 2025-09-15 15:51:48 +08:00
25 changed files with 1826 additions and 1721 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -1,10 +1,9 @@
 node_modules
 .DS_Store
 dist
 dist-ssr
 *.local
 .eslintcache
 report.html
 dist
 vite.config.*.timestamp*
 yarn.lock
--- a/.husky/commit-msg
+++ b/.husky/commit-msg
@@ -1,8 +0,0 @@
 #!/bin/sh
 # shellcheck source=./_/husky.sh
 . "$(dirname "$0")/_/husky.sh"
 PATH="/usr/local/bin:$PATH"
 npx --no-install commitlint --edit "$1"
--- a/.husky/common.sh
+++ b/.husky/common.sh
@@ -1,9 +0,0 @@
 #!/bin/sh
 command_exists () {
  command -v "$1" >/dev/null 2>&1
 }
 # Workaround for Windows 10, Git Bash and Pnpm
 if command_exists winpty && test -t 1; then
  exec < /dev/tty
 fi
--- a/.husky/pre-commit
+++ b/.husky/pre-commit
@@ -1,10 +0,0 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 . "$(dirname "$0")/common.sh"
 [ -n "$CI" ] && exit 0
 PATH="/usr/local/bin:$PATH"
 # Perform lint check on files in the staging area through .lintstagedrc configuration
 pnpm exec lint-staged
--- a/index.html
+++ b/index.html
@@ -1,84 +1,94 @@
 <!doctype html>
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0"
    />
    <title>vue-pure-admin</title>
    <link rel="icon" href="/favicon.ico" />
  </head>
-  <body>
+<head>
-    <div id="app">
+  <meta charset="UTF-8" />
-      <style>
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-        html,
+  <meta name="renderer" content="webkit" />
-        body,
+  <meta name="viewport"
-        #app {
+    content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0" />
-          position: relative;
+  <title>vue-pure-admin</title>
-          display: flex;
+  <link rel="icon" href="/favicon.ico" />
-          align-items: center;
+  <script>
-          justify-content: center;
+    var _hmt = _hmt || [];
-          width: 100%;
+    (function () {
-          height: 100%;
+      var hm = document.createElement("script")
-          overflow: hidden;
+      hm.src = "https://hm.baidu.com/hm.js?d3824e75ef2bf6d851035f74ae1aec68"
      var s = document.getElementsByTagName("script")[0]
      s.parentNode.insertBefore(hm, s)
    })();
  </script>
 </head>
 <body>
  <div id="app">
    <style>
      html,
      body,
      #app {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        overflow: hidden;
      }
      .loader,
      .loader::before,
      .loader::after {
        width: 2.5em;
        height: 2.5em;
        border-radius: 50%;
        animation: load-animation 1.8s infinite ease-in-out;
        animation-fill-mode: both;
      }
      .loader {
        position: relative;
        top: 0;
        margin: 80px auto;
        font-size: 10px;
        color: #406eeb;
        text-indent: -9999em;
        transform: translateZ(0);
        transform: translate(-50%, 0);
        animation-delay: -0.16s;
      }
      .loader::before,
      .loader::after {
        position: absolute;
        top: 0;
        content: "";
      }
      .loader::before {
        left: -3.5em;
        animation-delay: -0.32s;
      }
      .loader::after {
        left: 3.5em;
      }
      @keyframes load-animation {
        0%,
        80%,
        100% {
          box-shadow: 0 2.5em 0 -1.3em;
        }
-        .loader,
+        40% {
-        .loader::before,
+          box-shadow: 0 2.5em 0 0;
        .loader::after {
          width: 2.5em;
          height: 2.5em;
          border-radius: 50%;
          animation: load-animation 1.8s infinite ease-in-out;
          animation-fill-mode: both;
        }
      }
    </style>
    <div class="loader"></div>
  </div>
  <script type="module" src="/src/main.ts"></script>
 </body>
        .loader {
          position: relative;
          top: 0;
          margin: 80px auto;
          font-size: 10px;
          color: #406eeb;
          text-indent: -9999em;
          transform: translateZ(0);
          transform: translate(-50%, 0);
          animation-delay: -0.16s;
        }
        .loader::before,
        .loader::after {
          position: absolute;
          top: 0;
          content: "";
        }
        .loader::before {
          left: -3.5em;
          animation-delay: -0.32s;
        }
        .loader::after {
          left: 3.5em;
        }
        @keyframes load-animation {
          0%,
          80%,
          100% {
            box-shadow: 0 2.5em 0 -1.3em;
          }
          40% {
            box-shadow: 0 2.5em 0 0;
          }
        }
      </style>
      <div class="loader"></div>
    </div>
    <script type="module" src="/src/main.ts"></script>
  </body>
 </html>
--- a/locales/en.yaml
+++ b/locales/en.yaml
@@ -80,9 +80,9 @@ menus:
  pureMarkdown: Markdown
  pureEditor: Editor
  pureAbnormal: Abnormal Page
-  pureFourZeroFour: "404"
+  purePageNotFound: "404"
-  pureFourZeroOne: "403"
+  pureAccessDenied: "403"
-  pureFive: "500"
+  pureServerError: "500"
  pureComponents: Components
  pureDialog: Dialog
  pureDrawer: Drawer
--- a/locales/zh-CN.yaml
+++ b/locales/zh-CN.yaml
@@ -80,9 +80,9 @@ menus:
  pureMarkdown: Markdown
  pureEditor: 编辑器
  pureAbnormal: 异常页面
-  pureFourZeroFour: "404"
+  purePageNotFound: "404"
-  pureFourZeroOne: "403"
+  pureAccessDenied: "403"
-  pureFive: "500"
+  pureServerError: "500"
  pureComponents: 组件
  pureDialog: 函数式弹框
  pureDrawer: 函数式抽屉
--- a/package.json
+++ b/package.json
@@ -56,23 +56,23 @@
    "@pureadmin/table": "^3.3.0",
    "@pureadmin/utils": "^2.6.2",
    "@vue-flow/background": "^1.3.2",
-    "@vue-flow/core": "^1.45.0",
+    "@vue-flow/core": "^1.46.4",
-    "@vueuse/core": "^13.6.0",
+    "@vueuse/core": "^13.9.0",
    "@vueuse/motion": "^3.0.3",
    "@wangeditor/editor": "^5.1.23",
    "@wangeditor/editor-for-vue": "^5.1.12",
    "@zxcvbn-ts/core": "^3.0.4",
    "animate.css": "^4.1.1",
-    "axios": "^1.11.0",
+    "axios": "^1.12.2",
    "china-area-data": "^5.0.1",
-    "codemirror": "^5.65.19",
+    "codemirror": "^5.65.20",
    "codemirror-editor-vue3": "^2.8.0",
    "cropperjs": "^1.6.2",
-    "dayjs": "^1.11.13",
+    "dayjs": "^1.11.18",
    "deep-chat": "^2.2.2",
    "echarts": "^5.6.0",
-    "el-table-infinite-scroll": "^3.0.6",
+    "el-table-infinite-scroll": "^3.0.7",
-    "element-plus": "^2.10.4",
+    "element-plus": "^2.11.2",
    "highlight.js": "^11.11.1",
    "intro.js": "^7.2.0",
    "js-cookie": "^3.0.5",
@@ -84,8 +84,8 @@
    "nprogress": "^0.2.0",
    "path-browserify": "^1.0.1",
    "pinia": "^3.0.3",
-    "pinyin-pro": "^3.26.0",
+    "pinyin-pro": "^3.27.0",
-    "plus-pro-components": "^0.1.26",
+    "plus-pro-components": "^0.1.29",
    "qrcode": "^1.5.4",
    "qs": "^6.14.0",
    "responsive-storage": "^2.2.0",
@@ -94,58 +94,58 @@
    "typeit": "^8.8.7",
    "v-contextmenu": "^3.2.0",
    "v3-infinite-loading": "^1.3.2",
-    "vditor": "^3.11.1",
+    "vditor": "^3.11.2",
    "version-rocket": "^1.7.4",
-    "vue": "^3.5.18",
+    "vue": "^3.5.21",
-    "vue-i18n": "^11.1.11",
+    "vue-i18n": "^11.1.12",
    "vue-json-pretty": "^2.5.0",
    "vue-pdf-embed": "^2.1.3",
    "vue-router": "^4.5.1",
    "vue-tippy": "^6.7.1",
    "vue-types": "^6.0.0",
    "vue-virtual-scroller": "2.0.0-beta.8",
-    "vue-waterfall-plugin-next": "^2.6.7",
+    "vue-waterfall-plugin-next": "^2.6.9",
    "vue3-danmaku": "^1.6.6",
    "vue3-puzzle-vcode": "^1.1.7",
    "vuedraggable": "^4.1.0",
    "vxe-table": "4.6.25",
    "wavesurfer.js": "^7.10.1",
-    "xgplayer": "^3.0.22",
+    "xgplayer": "^3.0.23",
    "xlsx": "^0.18.5"
  },
  "devDependencies": {
    "@commitlint/cli": "^19.8.1",
    "@commitlint/config-conventional": "^19.8.1",
    "@commitlint/types": "^19.8.1",
-    "@eslint/js": "^9.32.0",
+    "@eslint/js": "^9.35.0",
    "@faker-js/faker": "^9.9.0",
-    "@iconify/json": "^2.2.364",
+    "@iconify/json": "^2.2.384",
    "@iconify/vue": "4.2.0",
    "@intlify/unplugin-vue-i18n": "^6.0.8",
-    "@tailwindcss/vite": "^4.1.11",
+    "@tailwindcss/vite": "^4.1.13",
    "@types/codemirror": "^5.60.16",
    "@types/dagre": "^0.7.53",
    "@types/intro.js": "^5.1.5",
    "@types/js-cookie": "^3.0.6",
-    "@types/node": "^20.19.9",
+    "@types/node": "^20.19.14",
    "@types/nprogress": "^0.2.3",
    "@types/path-browserify": "^1.0.3",
    "@types/qrcode": "^1.5.5",
    "@types/qs": "^6.14.0",
    "@types/sortablejs": "^1.15.8",
    "@vitejs/plugin-vue": "^6.0.1",
-    "@vitejs/plugin-vue-jsx": "^5.0.1",
+    "@vitejs/plugin-vue-jsx": "^5.1.1",
    "boxen": "^8.0.1",
-    "code-inspector-plugin": "^1.0.3",
+    "code-inspector-plugin": "^1.2.8",
-    "cssnano": "^7.1.0",
+    "cssnano": "^7.1.1",
    "dagre": "^0.8.5",
-    "eslint": "^9.32.0",
+    "eslint": "^9.35.0",
    "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-prettier": "^5.5.3",
+    "eslint-plugin-prettier": "^5.5.4",
-    "eslint-plugin-vue": "^10.3.0",
+    "eslint-plugin-vue": "^10.4.0",
    "gradient-string": "^3.0.0",
    "husky": "^9.1.7",
-    "lint-staged": "^16.1.2",
+    "lint-staged": "^16.1.6",
    "postcss": "^8.5.6",
    "postcss-html": "^1.8.0",
    "postcss-load-config": "^6.0.1",
@@ -153,18 +153,18 @@
    "prettier": "^3.6.2",
    "rimraf": "^6.0.1",
    "rollup-plugin-visualizer": "^6.0.3",
-    "sass": "^1.89.2",
+    "sass": "^1.92.1",
-    "stylelint": "^16.23.0",
+    "stylelint": "^16.24.0",
-    "stylelint-config-recess-order": "^7.1.0",
+    "stylelint-config-recess-order": "^7.3.0",
    "stylelint-config-recommended-vue": "^1.6.1",
    "stylelint-config-standard-scss": "^14.0.0",
    "stylelint-prettier": "^5.0.3",
    "svgo": "^4.0.0",
-    "tailwindcss": "^4.1.11",
+    "tailwindcss": "^4.1.13",
-    "typescript": "^5.8.3",
+    "typescript": "^5.9.2",
-    "typescript-eslint": "^8.38.0",
+    "typescript-eslint": "^8.43.0",
-    "unplugin-icons": "^22.2.0",
+    "unplugin-icons": "^22.3.0",
-    "vite": "^7.0.6",
+    "vite": "^7.1.5",
    "vite-plugin-cdn-import": "^1.0.1",
    "vite-plugin-compression": "^0.5.1",
    "vite-plugin-fake-server": "^2.2.0",
@@ -172,7 +172,7 @@
    "vite-plugin-router-warn": "^1.0.0",
    "vite-svg-loader": "^5.1.0",
    "vue-eslint-parser": "^10.2.0",
-    "vue-tsc": "^3.0.4"
+    "vue-tsc": "^3.0.7"
  },
  "engines": {
    "node": "^20.19.0 || >=22.12.0",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/src/App.vue
+++ b/src/App.vue
@@ -16,6 +16,7 @@ import en from "element-plus/es/locale/lang/en";
 import zhCn from "element-plus/es/locale/lang/zh-cn";
 import plusEn from "plus-pro-components/es/locale/lang/en";
 import plusZhCn from "plus-pro-components/es/locale/lang/zh-cn";
 import { ElNotification } from "element-plus";
 export default defineComponent({
  name: "app",
@@ -53,6 +54,28 @@ export default defineComponent({
        }
      );
    }
  },
  mounted() {
    ElNotification({
      title: "平台最新活动与动态",
      duration: 0,
      customClass: "fullpage-notification",
      // @ts-expect-error
      style: { width: "260px" },
      position: "bottom-right",
      dangerouslyUseHTMLString: true,
      message: `
        <a target='_blank' class='block text-base text-center border mt-4 rounded hover:text-[red]!' href='https://pure-admin.cn/pages/service/#%E6%9C%80%E6%96%B0%E6%B4%BB%E5%8A%A8%E4%B8%8E%E5%8A%A8%E6%80%81'>
        点我查看
        </a>
      `
    });
  }
 });
 </script>
 <style>
 .fullpage-notification > .el-notification__group > .el-notification__closeBtn {
  top: 15px;
 }
 </style>
--- a/src/layout/components/lay-footer/index.vue
+++ b/src/layout/components/lay-footer/index.vue
@@ -8,7 +8,7 @@ const TITLE = getConfig("Title");
  <footer
    class="layout-footer text-[rgba(0,0,0,0.6)] dark:text-[rgba(220,220,242,0.8)]"
  >
-    Copyright © 2020-present
+    Copyright © 2020-2025
    <a
      class="hover:text-primary!"
      href="https://github.com/pure-admin"
@@ -16,12 +16,23 @@ const TITLE = getConfig("Title");
    >
      &nbsp;{{ TITLE }}
    </a>
    <!-- <div class="ml-8">
      <span>赞助商：</span>
      <a
        class="hover:text-primary"
        href="https://ai-tools.cn/resume/start"
        target="_blank"
      >
        二猫 AI 简历
      </a>
    </div> -->
  </footer>
 </template>
 <style lang="scss" scoped>
 .layout-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
--- a/src/layout/components/lay-tag/index.vue
+++ b/src/layout/components/lay-tag/index.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { $t } from "@/plugins/i18n";
 import { emitter } from "@/utils/mitt";
 import NProgress from "@/utils/progress";
 import { RouteConfigs } from "../../types";
 import { useTags } from "../../hooks/useTag";
 import { routerArrays } from "@/layout/types";
@@ -206,12 +207,14 @@ function dynamicRouteTag(value: string): void {
 /** 刷新路由 */
 function onFresh() {
  NProgress.start();
  const { fullPath, query } = unref(route);
  router.replace({
    path: "/redirect" + fullPath,
    query
  });
  handleAliveRoute(route as ToRouteType, "refresh");
  NProgress.done();
 }
 function deleteDynamicTag(obj: any, current: any, tag?: string) {
--- a/src/layout/types.ts
+++ b/src/layout/types.ts
@@ -6,6 +6,7 @@ export const routerArrays: Array<RouteConfigs> =
    ? [
        {
          path: "/welcome",
          name: "Welcome",
          meta: {
            title: "menus.pureHome",
            icon: "ep/home-filled"
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -94,6 +94,14 @@ export const router: Router = createRouter({
  }
 });
 /** 记录已经加载的页面路径 */
 const loadedPaths = new Set<string>();
 /** 重置已加载页面记录 */
 export function resetLoadedPaths() {
  loadedPaths.clear();
 }
 /** 重置路由 */
 export function resetRouter() {
  router.clearRoutes();
@@ -104,6 +112,7 @@ export function resetRouter() {
    formatFlatteningRoutes(buildHierarchyTree(ascending(routes.flat(Infinity))))
  );
  usePermissionStoreHook().clearAllCachePage();
  resetLoadedPaths();
 }
 /** 路由白名单 */
@@ -112,6 +121,12 @@ const whiteList = ["/login"];
 const { VITE_HIDE_HOME } = import.meta.env;
 router.beforeEach((to: ToRouteType, _from, next) => {
  to.meta.loaded = loadedPaths.has(to.path);
  if (!to.meta.loaded) {
    NProgress.start();
  }
  if (to.meta?.keepAlive) {
    handleAliveRoute(to, "add");
    // 页面整体刷新和点击标签页刷新
@@ -120,7 +135,6 @@ router.beforeEach((to: ToRouteType, _from, next) => {
    }
  }
  const userInfo = storageLocal().getItem<DataInfo<number>>(userKey);
  NProgress.start();
  const externalLink = isUrl(to?.name as string);
  if (!externalLink) {
    to.matched.some(item => {
@@ -206,7 +220,8 @@ router.beforeEach((to: ToRouteType, _from, next) => {
  }
 });
-router.afterEach(() => {
+router.afterEach(to => {
  loadedPaths.add(to.path);
  NProgress.done();
 });
--- a/src/router/modules/error.ts
+++ b/src/router/modules/error.ts
@@ -16,7 +16,7 @@ export default {
      name: "403",
      component: () => import("@/views/error/403.vue"),
      meta: {
-        title: $t("menus.pureFourZeroOne")
+        title: $t("menus.pureAccessDenied")
      }
    },
    {
@@ -24,7 +24,7 @@ export default {
      name: "404",
      component: () => import("@/views/error/404.vue"),
      meta: {
-        title: $t("menus.pureFourZeroFour")
+        title: $t("menus.purePageNotFound")
      }
    },
    {
@@ -32,7 +32,7 @@ export default {
      name: "500",
      component: () => import("@/views/error/500.vue"),
      meta: {
-        title: $t("menus.pureFive")
+        title: $t("menus.pureServerError")
      }
    }
  ]
--- a/src/router/modules/remaining.ts
+++ b/src/router/modules/remaining.ts
@@ -8,8 +8,27 @@ export default [
    component: () => import("@/views/login/index.vue"),
    meta: {
      title: $t("menus.pureLogin"),
-      showLink: false,
+      showLink: false
-      rank: 101
+    }
  },
  // 全屏403（无权访问）页面
  {
    path: "/access-denied",
    name: "AccessDenied",
    component: () => import("@/views/error/403.vue"),
    meta: {
      title: $t("menus.pureAccessDenied"),
      showLink: false
    }
  },
  // 全屏500（服务器出错）页面
  {
    path: "/server-error",
    name: "ServerError",
    component: () => import("@/views/error/500.vue"),
    meta: {
      title: $t("menus.pureServerError"),
      showLink: false
    }
  },
  {
@@ -17,8 +36,7 @@ export default [
    component: Layout,
    meta: {
      title: $t("status.pureLoad"),
-      showLink: false,
+      showLink: false
      rank: 102
    },
    children: [
      {
@@ -28,6 +46,15 @@ export default [
      }
    ]
  },
  {
    path: "/account-settings",
    name: "AccountSettings",
    component: () => import("@/views/account-settings/index.vue"),
    meta: {
      title: $t("buttons.pureAccountSettings"),
      showLink: false
    }
  },
  // 下面是一个无layout菜单的例子（一个全屏空白页面），因为这种情况极少发生，所以只需要在前端配置即可（配置路径：src/router/modules/remaining.ts）
  {
    path: "/empty",
@@ -35,18 +62,7 @@ export default [
    component: () => import("@/views/empty/index.vue"),
    meta: {
      title: $t("menus.pureEmpty"),
-      showLink: false,
+      showLink: false
      rank: 103
    }
  },
  {
    path: "/account-settings",
    name: "AccountSettings",
    component: () => import("@/views/account-settings/index.vue"),
    meta: {
      title: $t("buttons.pureAccountSettings"),
      showLink: false,
      rank: 104
    }
  }
 ] satisfies Array<RouteConfigsTable>;
--- a/src/router/utils.ts
+++ b/src/router/utils.ts
@@ -139,12 +139,17 @@ function findRouteByPath(path: string, routes: RouteRecordRaw[]) {
  }
 }
 /** 动态路由注册完成后，再添加全屏404（页面不存在）页面，避免刷新动态路由页面时误跳转到404页面 */
 function addPathMatch() {
  if (!router.hasRoute("pathMatch")) {
    router.addRoute({
-      path: "/:pathMatch(.*)",
+      path: "/:pathMatch(.*)*",
-      name: "pathMatch",
+      name: "PageNotFound",
-      redirect: "/error/404"
+      component: () => import("@/views/error/404.vue"),
      meta: {
        title: "menus.purePageNotFound",
        showLink: false
      }
    });
  }
 }
--- a/src/style/sidebar.scss
+++ b/src/style/sidebar.scss
@@ -235,6 +235,7 @@
    .is-active.submenu-title-noDropdown.outer-most > * {
      z-index: 1;
      color: #fff;
      background: transparent !important;
    }
    .is-active.submenu-title-noDropdown.outer-most::before {
--- a/src/utils/http/index.ts
+++ b/src/utils/http/index.ts
@@ -10,7 +10,6 @@ import type {
  PureHttpRequestConfig
 } from "./types.d";
 import { stringify } from "qs";
 import NProgress from "../progress";
 import { getToken, formatToken } from "@/utils/auth";
 import { useUserStoreHook } from "@/store/modules/user";
@@ -61,8 +60,6 @@ class PureHttp {
  private httpInterceptorsRequest(): void {
    PureHttp.axiosInstance.interceptors.request.use(
      async (config: PureHttpRequestConfig): Promise<any> => {
        // 开启进度条动画
        NProgress.start();
        // 优先判断post/get等方法是否传入回调，否则执行初始化设置等回调
        if (typeof config.beforeRequestCallback === "function") {
          config.beforeRequestCallback(config);
@@ -121,8 +118,6 @@ class PureHttp {
    instance.interceptors.response.use(
      (response: PureHttpResponse) => {
        const $config = response.config;
        // 关闭进度条动画
        NProgress.done();
        // 优先判断post/get等方法是否传入回调，否则执行初始化设置等回调
        if (typeof $config.beforeResponseCallback === "function") {
          $config.beforeResponseCallback(response);
@@ -137,8 +132,6 @@ class PureHttp {
      (error: PureHttpError) => {
        const $error = error;
        $error.isCancelRequest = Axios.isCancel($error);
        // 关闭进度条动画
        NProgress.done();
        // 所有的响应异常 区分来源为取消请求/非取消请求
        return Promise.reject($error);
      }
--- a/src/views/error/403.vue
+++ b/src/views/error/403.vue
@@ -10,9 +10,11 @@ const router = useRouter();
 </script>
 <template>
-  <div class="flex justify-center items-center h-[640px]">
+  <div
    class="flex flex-col md:flex-row justify-center items-center min-h-full w-full p-4 md:p-0"
  >
    <noAccess />
-    <div class="ml-12">
+    <div class="mt-8 md:ml-12 md:mt-0 text-center md:text-left">
      <p
        v-motion
        class="font-medium text-4xl mb-4! dark:text-white"
@@ -32,7 +34,7 @@ const router = useRouter();
      </p>
      <p
        v-motion
-        class="mb-4! text-gray-500"
+        class="text-xl mb-4! text-gray-500"
        :initial="{
          opacity: 0,
          y: 100
@@ -50,6 +52,7 @@ const router = useRouter();
      <el-button
        v-motion
        type="primary"
        class="block mx-auto md:inline-block md:mx-0"
        :initial="{
          opacity: 0,
          y: 100
@@ -68,3 +71,9 @@ const router = useRouter();
    </div>
  </div>
 </template>
 <style scoped>
 .main-content {
  margin: 0 !important;
 }
 </style>
--- a/src/views/error/404.vue
+++ b/src/views/error/404.vue
@@ -10,9 +10,11 @@ const router = useRouter();
 </script>
 <template>
-  <div class="flex justify-center items-center h-[640px]">
+  <div
    class="flex flex-col md:flex-row justify-center items-center min-h-full w-full p-4 md:p-0"
  >
    <noExist />
-    <div class="ml-12">
+    <div class="mt-8 md:ml-12 md:mt-0 text-center md:text-left">
      <p
        v-motion
        class="font-medium text-4xl mb-4! dark:text-white"
@@ -32,7 +34,7 @@ const router = useRouter();
      </p>
      <p
        v-motion
-        class="mb-4! text-gray-500"
+        class="text-xl mb-4! text-gray-500"
        :initial="{
          opacity: 0,
          y: 100
@@ -50,6 +52,7 @@ const router = useRouter();
      <el-button
        v-motion
        type="primary"
        class="block mx-auto md:inline-block md:mx-0"
        :initial="{
          opacity: 0,
          y: 100
@@ -68,3 +71,9 @@ const router = useRouter();
    </div>
  </div>
 </template>
 <style scoped>
 .main-content {
  margin: 0 !important;
 }
 </style>
--- a/src/views/error/500.vue
+++ b/src/views/error/500.vue
@@ -10,9 +10,11 @@ const router = useRouter();
 </script>
 <template>
-  <div class="flex justify-center items-center h-[640px]">
+  <div
    class="flex flex-col md:flex-row justify-center items-center min-h-full w-full p-4 md:p-0"
  >
    <noServer />
-    <div class="ml-12">
+    <div class="mt-8 md:ml-12 md:mt-0 text-center md:text-left">
      <p
        v-motion
        class="font-medium text-4xl mb-4! dark:text-white"
@@ -32,7 +34,7 @@ const router = useRouter();
      </p>
      <p
        v-motion
-        class="mb-4! text-gray-500"
+        class="text-xl mb-4! text-gray-500"
        :initial="{
          opacity: 0,
          y: 100
@@ -50,6 +52,7 @@ const router = useRouter();
      <el-button
        v-motion
        type="primary"
        class="block mx-auto md:inline-block md:mx-0"
        :initial="{
          opacity: 0,
          y: 100
@@ -68,3 +71,9 @@ const router = useRouter();
    </div>
  </div>
 </template>
 <style scoped>
 .main-content {
  margin: 0 !important;
 }
 </style>
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -336,9 +336,9 @@ watch(loginDay, value => {
      </div>
    </div>
    <div
-      class="w-full flex-c absolute bottom-3 text-sm text-[rgba(0,0,0,0.6)] dark:text-[rgba(220,220,242,0.8)]"
+      class="w-full flex-c flex-wrap absolute bottom-3 text-sm text-[rgba(0,0,0,0.6)] dark:text-[rgba(220,220,242,0.8)]"
    >
-      Copyright © 2020-present
+      Copyright © 2020-2025
      <a
        class="hover:text-primary!"
        href="https://github.com/pure-admin"
@@ -346,6 +346,16 @@ watch(loginDay, value => {
      >
        &nbsp;{{ title }}
      </a>
      <!-- <div class="ml-8">
        <span>赞助商：</span>
        <a
          class="hover:text-primary"
          href="https://ai-tools.cn/resume/start"
          target="_blank"
        >
          二猫 AI 简历
        </a>
      </div> -->
    </div>
  </div>
 </template>
--- a/types/router.d.ts
+++ b/types/router.d.ts
@@ -56,6 +56,8 @@ declare global {
     * 而通过设置`activePath`指定激活菜单即可获得高亮，`activePath`为指定激活菜单的`path`）
     */
    activePath?: string;
    /** 当前页面是否已经加载过 */
    loaded?: boolean;
  }
  /**