diff --git a/.vscode/settings.json b/.vscode/settings.json
index f3df7a4f..52e54b72 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -57,7 +57,7 @@
   "stylelint.enable": true,
   "stylelint.validate": ["css", "less", "postcss", "scss", "vue", "sass"],
   "path-intellisense.mappings": {
-    "/@/": "${workspaceRoot}/src"
+    "@/": "${workspaceRoot}/src"
   },
   "[javascriptreact]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
diff --git a/internal/vite-config/src/config/application.ts b/internal/vite-config/src/config/application.ts
index b6c07d4b..1a24f175 100644
--- a/internal/vite-config/src/config/application.ts
+++ b/internal/vite-config/src/config/application.ts
@@ -45,16 +45,6 @@ function defineApplicationConfig(defineOptions: DefineOptions = {}) {
             find: 'vue-i18n',
             replacement: 'vue-i18n/dist/vue-i18n.cjs.js',
           },
-          // /@/xxxx => src/xxxx
-          {
-            find: /\/@\//,
-            replacement: pathResolve('src') + '/',
-          },
-          // /#/xxxx => types/xxxx
-          {
-            find: /\/#\//,
-            replacement: pathResolve('types') + '/',
-          },
           // @/xxxx => src/xxxx
           {
             find: /@\//,
diff --git a/mock/_util.ts b/mock/_util.ts
index de4d5584..380c3a32 100644
--- a/mock/_util.ts
+++ b/mock/_util.ts
@@ -1,5 +1,5 @@
 // Interface data format used to return a unified format
-import { ResultEnum } from '/@/enums/httpEnum';
+import { ResultEnum } from '@/enums/httpEnum';
 
 export function resultSuccess<T = Recordable>(result: T, { message = 'ok' } = {}) {
   return {
diff --git a/src/api/demo/account.ts b/src/api/demo/account.ts
index 2a368138..d4d9c277 100644
--- a/src/api/demo/account.ts
+++ b/src/api/demo/account.ts
@@ -1,4 +1,4 @@
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 import { GetAccountInfoModel } from './model/accountModel';
 
 enum Api {
diff --git a/src/api/demo/cascader.ts b/src/api/demo/cascader.ts
index 83dcab07..65a1f480 100644
--- a/src/api/demo/cascader.ts
+++ b/src/api/demo/cascader.ts
@@ -1,5 +1,5 @@
-import { defHttp } from '/@/utils/http/axios';
-import { AreaModel, AreaParams } from '/@/api/demo/model/areaModel';
+import { defHttp } from '@/utils/http/axios';
+import { AreaModel, AreaParams } from '@/api/demo/model/areaModel';
 
 enum Api {
   AREA_RECORD = '/cascader/getAreaRecord',
diff --git a/src/api/demo/error.ts b/src/api/demo/error.ts
index 3ce60721..0a7f6628 100644
--- a/src/api/demo/error.ts
+++ b/src/api/demo/error.ts
@@ -1,4 +1,4 @@
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 
 enum Api {
   // The address does not exist
diff --git a/src/api/demo/model/optionsModel.ts b/src/api/demo/model/optionsModel.ts
index 82667763..871ae9f1 100644
--- a/src/api/demo/model/optionsModel.ts
+++ b/src/api/demo/model/optionsModel.ts
@@ -1,4 +1,4 @@
-import { BasicFetchResult } from '/@/api/model/baseModel';
+import { BasicFetchResult } from '@/api/model/baseModel';
 
 export interface DemoOptionsItem {
   name: string;
diff --git a/src/api/demo/model/systemModel.ts b/src/api/demo/model/systemModel.ts
index 06865476..0e5f8fa7 100644
--- a/src/api/demo/model/systemModel.ts
+++ b/src/api/demo/model/systemModel.ts
@@ -1,4 +1,4 @@
-import { BasicPageParams, BasicFetchResult } from '/@/api/model/baseModel';
+import { BasicPageParams, BasicFetchResult } from '@/api/model/baseModel';
 
 export type AccountParams = BasicPageParams & {
   account?: string;
diff --git a/src/api/demo/model/tableModel.ts b/src/api/demo/model/tableModel.ts
index eba35bb9..8f1eea58 100644
--- a/src/api/demo/model/tableModel.ts
+++ b/src/api/demo/model/tableModel.ts
@@ -1,4 +1,4 @@
-import { BasicPageParams, BasicFetchResult } from '/@/api/model/baseModel';
+import { BasicPageParams, BasicFetchResult } from '@/api/model/baseModel';
 /**
  * @description: Request list interface parameters
  */
diff --git a/src/api/demo/select.ts b/src/api/demo/select.ts
index e21e1e6d..f5f5cf9f 100644
--- a/src/api/demo/select.ts
+++ b/src/api/demo/select.ts
@@ -1,4 +1,4 @@
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 import { DemoOptionsItem, selectParams } from './model/optionsModel';
 
 enum Api {
diff --git a/src/api/demo/system.ts b/src/api/demo/system.ts
index f5c296b5..980e58c4 100644
--- a/src/api/demo/system.ts
+++ b/src/api/demo/system.ts
@@ -10,7 +10,7 @@ import {
   RolePageListGetResultModel,
   RoleListGetResultModel,
 } from './model/systemModel';
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 
 enum Api {
   AccountList = '/system/getAccountList',
diff --git a/src/api/demo/table.ts b/src/api/demo/table.ts
index b9b60df6..f24491b7 100644
--- a/src/api/demo/table.ts
+++ b/src/api/demo/table.ts
@@ -1,4 +1,4 @@
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 import { DemoParams, DemoListGetResultModel } from './model/tableModel';
 
 enum Api {
diff --git a/src/api/demo/tree.ts b/src/api/demo/tree.ts
index 8b8a94f1..3c278a70 100644
--- a/src/api/demo/tree.ts
+++ b/src/api/demo/tree.ts
@@ -1,4 +1,4 @@
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 
 enum Api {
   TREE_OPTIONS_LIST = '/tree/getDemoOptions',
diff --git a/src/api/sys/menu.ts b/src/api/sys/menu.ts
index de9fa563..27fb826d 100644
--- a/src/api/sys/menu.ts
+++ b/src/api/sys/menu.ts
@@ -1,4 +1,4 @@
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 import { getMenuListResultModel } from './model/menuModel';
 
 enum Api {
diff --git a/src/api/sys/upload.ts b/src/api/sys/upload.ts
index f4406680..2c4e191a 100644
--- a/src/api/sys/upload.ts
+++ b/src/api/sys/upload.ts
@@ -1,7 +1,7 @@
 import { UploadApiResult } from './model/uploadModel';
-import { defHttp } from '/@/utils/http/axios';
-import { UploadFileParams } from '/#/axios';
-import { useGlobSetting } from '/@/hooks/setting';
+import { defHttp } from '@/utils/http/axios';
+import { UploadFileParams } from '#/axios';
+import { useGlobSetting } from '@/hooks/setting';
 import { AxiosProgressEvent } from 'axios';
 
 const { uploadUrl = '' } = useGlobSetting();
diff --git a/src/api/sys/user.ts b/src/api/sys/user.ts
index f30d14f0..511fca2e 100644
--- a/src/api/sys/user.ts
+++ b/src/api/sys/user.ts
@@ -1,7 +1,7 @@
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 import { LoginParams, LoginResultModel, GetUserInfoModel } from './model/userModel';
 
-import { ErrorMessageMode } from '/#/axios';
+import { ErrorMessageMode } from '#/axios';
 
 enum Api {
   Login = '/login',
diff --git a/src/components/Application/src/AppLocalePicker.vue b/src/components/Application/src/AppLocalePicker.vue
index 8e3e68f9..f44a2f7a 100644
--- a/src/components/Application/src/AppLocalePicker.vue
+++ b/src/components/Application/src/AppLocalePicker.vue
@@ -18,7 +18,7 @@
   </Dropdown>
 </template>
 <script lang="ts" setup>
-  import type { LocaleType } from '/#/config';
+  import type { LocaleType } from '#/config';
   import type { DropMenu } from '@/components/Dropdown';
   import { ref, watchEffect, unref, computed } from 'vue';
   import { Dropdown } from '@/components/Dropdown';
diff --git a/src/components/Dropdown/src/Dropdown.vue b/src/components/Dropdown/src/Dropdown.vue
index 973a7a3a..5deea999 100644
--- a/src/components/Dropdown/src/Dropdown.vue
+++ b/src/components/Dropdown/src/Dropdown.vue
@@ -43,7 +43,7 @@
   import { Dropdown, Menu, Popconfirm } from 'ant-design-vue';
   import Icon from '@/components/Icon/Icon.vue';
   import { omit } from 'lodash-es';
-  import { isFunction } from '/@/utils/is';
+  import { isFunction } from '@/utils/is';
 
   const ADropdown = Dropdown;
   const AMenu = Menu;
diff --git a/src/components/Form/src/hooks/useForm.ts b/src/components/Form/src/hooks/useForm.ts
index 6b864919..eccabe7a 100644
--- a/src/components/Form/src/hooks/useForm.ts
+++ b/src/components/Form/src/hooks/useForm.ts
@@ -5,7 +5,7 @@ import type {
   FormSchemaInner as FormSchema,
 } from '../types/form';
 import type { NamePath } from 'ant-design-vue/lib/form/interface';
-import type { DynamicProps } from '/#/utils';
+import type { DynamicProps } from '#/utils';
 import { ref, onUnmounted, unref, nextTick, watch } from 'vue';
 import { isProdMode } from '@/utils/env';
 import { error } from '@/utils/log';
diff --git a/src/components/Menu/src/useOpenKeys.ts b/src/components/Menu/src/useOpenKeys.ts
index 1208e26d..7fab40b7 100644
--- a/src/components/Menu/src/useOpenKeys.ts
+++ b/src/components/Menu/src/useOpenKeys.ts
@@ -1,5 +1,5 @@
 import { MenuModeEnum } from '@/enums/menuEnum';
-import type { Menu as MenuType } from '/@/router/types';
+import type { Menu as MenuType } from '@/router/types';
 import type { MenuState, Key } from './types';
 import { computed, Ref, toRaw, unref } from 'vue';
 import { useTimeoutFn } from '@vben/hooks';
diff --git a/src/components/SimpleMenu/src/components/SubMenuItem.vue b/src/components/SimpleMenu/src/components/SubMenuItem.vue
index bae2f156..9c4a8c6b 100644
--- a/src/components/SimpleMenu/src/components/SubMenuItem.vue
+++ b/src/components/SimpleMenu/src/components/SubMenuItem.vue
@@ -76,7 +76,7 @@
   import { CollapseTransition } from '@/components/Transition';
   import Icon from '@/components/Icon/Icon.vue';
   import { Popover } from 'ant-design-vue';
-  import { isBoolean, isObject } from '/@/utils/is';
+  import { isBoolean, isObject } from '@/utils/is';
   import { mitt } from '@/utils/mitt';
 
   defineOptions({ name: 'SubMenu' });
diff --git a/src/components/Table/src/hooks/useTable.ts b/src/components/Table/src/hooks/useTable.ts
index 82791ea3..948ca325 100644
--- a/src/components/Table/src/hooks/useTable.ts
+++ b/src/components/Table/src/hooks/useTable.ts
@@ -1,6 +1,6 @@
 import type { BasicTableProps, TableActionType, FetchParams, BasicColumn } from '../types/table';
 import type { PaginationProps } from '../types/pagination';
-import type { DynamicProps } from '/#/utils';
+import type { DynamicProps } from '#/utils';
 import type { FormActionType } from '@/components/Form';
 import type { WatchStopHandle } from 'vue';
 import { getDynamicProps } from '@/utils';
diff --git a/src/directives/clickOutside.ts b/src/directives/clickOutside.ts
index 9b7960fe..9eedca4a 100644
--- a/src/directives/clickOutside.ts
+++ b/src/directives/clickOutside.ts
@@ -1,5 +1,5 @@
-import { on } from '/@/utils/domUtils';
-import { isServer } from '/@/utils/is';
+import { on } from '@/utils/domUtils';
+import { isServer } from '@/utils/is';
 import type { ComponentPublicInstance, DirectiveBinding, ObjectDirective } from 'vue';
 
 type DocumentHandler = <T extends MouseEvent>(mouseup: T, mousedown: T) => void;
diff --git a/src/directives/loading.ts b/src/directives/loading.ts
index 712b71ce..dadb5b7d 100644
--- a/src/directives/loading.ts
+++ b/src/directives/loading.ts
@@ -1,4 +1,4 @@
-import { createLoading } from '/@/components/Loading';
+import { createLoading } from '@/components/Loading';
 import type { Directive, App } from 'vue';
 
 const loadingDirective: Directive = {
diff --git a/src/directives/permission.ts b/src/directives/permission.ts
index ca5d0fca..319e340f 100644
--- a/src/directives/permission.ts
+++ b/src/directives/permission.ts
@@ -5,7 +5,7 @@
  */
 import type { App, Directive, DirectiveBinding } from 'vue';
 
-import { usePermission } from '/@/hooks/web/usePermission';
+import { usePermission } from '@/hooks/web/usePermission';
 
 function isAuth(el: Element, binding: any) {
   const { hasPermission } = usePermission();
diff --git a/src/directives/repeatClick.ts b/src/directives/repeatClick.ts
index 83c44270..bb289211 100644
--- a/src/directives/repeatClick.ts
+++ b/src/directives/repeatClick.ts
@@ -2,7 +2,7 @@
  * Prevent repeated clicks
  * @Example v-repeat-click="()=>{}"
  */
-import { on, once } from '/@/utils/domUtils';
+import { on, once } from '@/utils/domUtils';
 import type { Directive, DirectiveBinding } from 'vue';
 
 const repeatDirective: Directive = {
diff --git a/src/hooks/setting/index.ts b/src/hooks/setting/index.ts
index eeb2bad4..59326f33 100644
--- a/src/hooks/setting/index.ts
+++ b/src/hooks/setting/index.ts
@@ -1,4 +1,4 @@
-import type { GlobConfig } from '/#/config';
+import type { GlobConfig } from '#/config';
 
 import { getAppEnvConfig } from '@/utils/env';
 
diff --git a/src/hooks/setting/useHeaderSetting.ts b/src/hooks/setting/useHeaderSetting.ts
index d9369af9..54993efb 100644
--- a/src/hooks/setting/useHeaderSetting.ts
+++ b/src/hooks/setting/useHeaderSetting.ts
@@ -1,4 +1,4 @@
-import type { HeaderSetting } from '/#/config';
+import type { HeaderSetting } from '#/config';
 
 import { computed, unref } from 'vue';
 
diff --git a/src/hooks/setting/useMenuSetting.ts b/src/hooks/setting/useMenuSetting.ts
index ed43e737..8527fc13 100644
--- a/src/hooks/setting/useMenuSetting.ts
+++ b/src/hooks/setting/useMenuSetting.ts
@@ -1,4 +1,4 @@
-import type { MenuSetting } from '/#/config';
+import type { MenuSetting } from '#/config';
 
 import { computed, unref, ref } from 'vue';
 
diff --git a/src/hooks/setting/useMultipleTabSetting.ts b/src/hooks/setting/useMultipleTabSetting.ts
index 7843fa60..c63e013a 100644
--- a/src/hooks/setting/useMultipleTabSetting.ts
+++ b/src/hooks/setting/useMultipleTabSetting.ts
@@ -1,4 +1,4 @@
-import type { MultiTabsSetting } from '/#/config';
+import type { MultiTabsSetting } from '#/config';
 
 import { computed } from 'vue';
 
diff --git a/src/hooks/setting/useRootSetting.ts b/src/hooks/setting/useRootSetting.ts
index f9b970a6..b5bf836e 100644
--- a/src/hooks/setting/useRootSetting.ts
+++ b/src/hooks/setting/useRootSetting.ts
@@ -1,4 +1,4 @@
-import type { ProjectConfig } from '/#/config';
+import type { ProjectConfig } from '#/config';
 
 import { computed } from 'vue';
 
diff --git a/src/hooks/setting/useTransitionSetting.ts b/src/hooks/setting/useTransitionSetting.ts
index 9ba19777..61b36951 100644
--- a/src/hooks/setting/useTransitionSetting.ts
+++ b/src/hooks/setting/useTransitionSetting.ts
@@ -1,4 +1,4 @@
-import type { TransitionSetting } from '/#/config';
+import type { TransitionSetting } from '#/config';
 
 import { computed } from 'vue';
 
diff --git a/src/layouts/default/header/components/Breadcrumb.vue b/src/layouts/default/header/components/Breadcrumb.vue
index b1a642e6..a387d907 100644
--- a/src/layouts/default/header/components/Breadcrumb.vue
+++ b/src/layouts/default/header/components/Breadcrumb.vue
@@ -16,25 +16,25 @@
 <script lang="ts">
   import type { RouteLocationMatched } from 'vue-router';
   import { useRouter } from 'vue-router';
-  import type { Menu } from '/@/router/types';
+  import type { Menu } from '@/router/types';
 
   import { defineComponent, ref, watchEffect } from 'vue';
 
   import { Breadcrumb } from 'ant-design-vue';
   import Icon from '@/components/Icon/Icon.vue';
 
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { useRootSetting } from '/@/hooks/setting/useRootSetting';
-  import { useGo } from '/@/hooks/web/usePage';
-  import { useI18n } from '/@/hooks/web/useI18n';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { useRootSetting } from '@/hooks/setting/useRootSetting';
+  import { useGo } from '@/hooks/web/usePage';
+  import { useI18n } from '@/hooks/web/useI18n';
 
-  import { propTypes } from '/@/utils/propTypes';
-  import { isString } from '/@/utils/is';
-  import { filter } from '/@/utils/helper/treeHelper';
-  import { getMenus } from '/@/router/menus';
+  import { propTypes } from '@/utils/propTypes';
+  import { isString } from '@/utils/is';
+  import { filter } from '@/utils/helper/treeHelper';
+  import { getMenus } from '@/router/menus';
 
-  import { REDIRECT_NAME } from '/@/router/constant';
-  import { getAllParentPath } from '/@/router/helper/menuHelper';
+  import { REDIRECT_NAME } from '@/router/constant';
+  import { getAllParentPath } from '@/router/helper/menuHelper';
 
   export default defineComponent({
     name: 'LayoutBreadcrumb',
diff --git a/src/layouts/default/header/components/ChangeApi/index.vue b/src/layouts/default/header/components/ChangeApi/index.vue
index 6b40583a..8b5dfa4c 100644
--- a/src/layouts/default/header/components/ChangeApi/index.vue
+++ b/src/layouts/default/header/components/ChangeApi/index.vue
@@ -24,7 +24,7 @@
   import { BasicForm, useForm } from '@/components/Form';
   import { ref } from 'vue';
   import { useAppStore } from '@/store/modules/app';
-  import type { ApiAddress } from '/#/store';
+  import type { ApiAddress } from '#/store';
 
   const appStore = useAppStore();
   const RadioGroup = Radio.Group;
diff --git a/src/layouts/default/setting/handler.ts b/src/layouts/default/setting/handler.ts
index d11fb4cc..8883bbfd 100644
--- a/src/layouts/default/setting/handler.ts
+++ b/src/layouts/default/setting/handler.ts
@@ -4,7 +4,7 @@ import { updateColorWeak } from '@/logics/theme/updateColorWeak';
 import { updateGrayMode } from '@/logics/theme/updateGrayMode';
 
 import { useAppStore } from '@/store/modules/app';
-import { ProjectConfig } from '/#/config';
+import { ProjectConfig } from '#/config';
 import { updateDarkTheme } from '@/logics/theme/dark';
 import { useRootSetting } from '@/hooks/setting/useRootSetting';
 
diff --git a/src/locales/helper.ts b/src/locales/helper.ts
index 4f784394..6c70c4cb 100644
--- a/src/locales/helper.ts
+++ b/src/locales/helper.ts
@@ -1,4 +1,4 @@
-import type { LocaleType } from '/#/config';
+import type { LocaleType } from '#/config';
 
 import { set } from 'lodash-es';
 
diff --git a/src/locales/lang/en/common.json b/src/locales/lang/en/common.json
index 8c5de537..e0e73f8d 100644
--- a/src/locales/lang/en/common.json
+++ b/src/locales/lang/en/common.json
@@ -1,17 +1,17 @@
 {
-  "okText": "OK", 
-  "closeText": "Close", 
-  "cancelText": "Cancel", 
-  "loadingText": "Loading...", 
-  "saveText": "Save", 
-  "delText": "Delete", 
-  "resetText": "Reset", 
-  "searchText": "Search", 
-  "queryText": "Search", 
-  "inputText": "Please enter ", 
-  "chooseText": "Please choose ", 
-  "redo": "Refresh", 
-  "back": "Back", 
-  "light": "Light", 
+  "okText": "OK",
+  "closeText": "Close",
+  "cancelText": "Cancel",
+  "loadingText": "Loading...",
+  "saveText": "Save",
+  "delText": "Delete",
+  "resetText": "Reset",
+  "searchText": "Search",
+  "queryText": "Search",
+  "inputText": "Please enter ",
+  "chooseText": "Please choose ",
+  "redo": "Refresh",
+  "back": "Back",
+  "light": "Light",
   "dark": "Dark"
-}
\ No newline at end of file
+}
diff --git a/src/locales/lang/en/component.json b/src/locales/lang/en/component.json
index 9d4951cd..7b81a574 100644
--- a/src/locales/lang/en/component.json
+++ b/src/locales/lang/en/component.json
@@ -1,125 +1,125 @@
 {
   "app": {
-    "searchNotData": "No search results yet", 
-    "toSearch": "to search", 
+    "searchNotData": "No search results yet",
+    "toSearch": "to search",
     "toNavigate": "to navigate"
-  }, 
+  },
   "countdown": {
-    "normalText": "Get SMS code", 
+    "normalText": "Get SMS code",
     "sendText": "Reacquire in {0}s"
-  }, 
+  },
   "cropper": {
-    "selectImage": "Select Image", 
-    "uploadSuccess": "Uploaded success!", 
-    "imageTooBig": "Image too big", 
-    "modalTitle": "Avatar upload", 
-    "okText": "Confirm and upload", 
-    "btn_reset": "Reset", 
-    "btn_rotate_left": "Counterclockwise rotation", 
-    "btn_rotate_right": "Clockwise rotation", 
-    "btn_scale_x": "Flip horizontal", 
-    "btn_scale_y": "Flip vertical", 
-    "btn_zoom_in": "Zoom in", 
-    "btn_zoom_out": "Zoom out", 
+    "selectImage": "Select Image",
+    "uploadSuccess": "Uploaded success!",
+    "imageTooBig": "Image too big",
+    "modalTitle": "Avatar upload",
+    "okText": "Confirm and upload",
+    "btn_reset": "Reset",
+    "btn_rotate_left": "Counterclockwise rotation",
+    "btn_rotate_right": "Clockwise rotation",
+    "btn_scale_x": "Flip horizontal",
+    "btn_scale_y": "Flip vertical",
+    "btn_zoom_in": "Zoom in",
+    "btn_zoom_out": "Zoom out",
     "preview": "Preivew"
-  }, 
+  },
   "drawer": {
-    "loadingText": "Loading...", 
-    "cancelText": "Close", 
+    "loadingText": "Loading...",
+    "cancelText": "Close",
     "okText": "Confirm"
-  }, 
+  },
   "excel": {
-    "exportModalTitle": "Export data", 
-    "fileType": "File type", 
+    "exportModalTitle": "Export data",
+    "fileType": "File type",
     "fileName": "File name"
-  }, 
+  },
   "form": {
-    "putAway": "Put away", 
-    "unfold": "Unfold", 
-    "maxTip": "The number of characters should be less than {0}", 
+    "putAway": "Put away",
+    "unfold": "Unfold",
+    "maxTip": "The number of characters should be less than {0}",
     "apiSelectNotFound": "Wait for data loading to complete..."
-  }, 
+  },
   "icon": {
-    "placeholder": "Click the select icon", 
-    "search": "Search icon", 
+    "placeholder": "Click the select icon",
+    "search": "Search icon",
     "copy": "Copy icon successfully!"
-  }, 
+  },
   "menu": {
     "search": "Menu search"
-  }, 
+  },
   "modal": {
-    "cancelText": "Close", 
-    "okText": "Confirm", 
-    "close": "Close", 
-    "maximize": "Maximize", 
+    "cancelText": "Close",
+    "okText": "Confirm",
+    "close": "Close",
+    "maximize": "Maximize",
     "restore": "Restore"
-  }, 
+  },
   "table": {
-    "settingDens": "Density", 
-    "settingDensDefault": "Default", 
-    "settingDensMiddle": "Middle", 
-    "settingDensSmall": "Compact", 
-    "settingColumn": "Column settings", 
-    "settingColumnShow": "Column display", 
-    "settingIndexColumnShow": "Index Column", 
-    "settingSelectColumnShow": "Selection Column", 
-    "settingFixedLeft": "Fixed Left", 
-    "settingFixedRight": "Fixed Right", 
-    "settingFullScreen": "Full Screen", 
-    "index": "Index", 
+    "settingDens": "Density",
+    "settingDensDefault": "Default",
+    "settingDensMiddle": "Middle",
+    "settingDensSmall": "Compact",
+    "settingColumn": "Column settings",
+    "settingColumnShow": "Column display",
+    "settingIndexColumnShow": "Index Column",
+    "settingSelectColumnShow": "Selection Column",
+    "settingFixedLeft": "Fixed Left",
+    "settingFixedRight": "Fixed Right",
+    "settingFullScreen": "Full Screen",
+    "index": "Index",
     "total": "total of {total}"
-  }, 
+  },
   "time": {
-    "before": " ago", 
-    "after": " after", 
-    "just": "just now", 
-    "seconds": " seconds", 
-    "minutes": " minutes", 
-    "hours": " hours", 
+    "before": " ago",
+    "after": " after",
+    "just": "just now",
+    "seconds": " seconds",
+    "minutes": " minutes",
+    "hours": " hours",
     "days": " days"
-  }, 
+  },
   "tree": {
-    "selectAll": "Select All", 
-    "unSelectAll": "Cancel Select", 
-    "expandAll": "Expand All", 
-    "unExpandAll": "Collapse all", 
-    "checkStrictly": "Hierarchical association", 
+    "selectAll": "Select All",
+    "unSelectAll": "Cancel Select",
+    "expandAll": "Expand All",
+    "unExpandAll": "Collapse all",
+    "checkStrictly": "Hierarchical association",
     "checkUnStrictly": "Hierarchical independence"
-  }, 
+  },
   "upload": {
-    "save": "Save", 
-    "upload": "Upload", 
-    "imgUpload": "ImageUpload", 
-    "uploaded": "Uploaded", 
-    "operating": "Operating", 
-    "del": "Delete", 
-    "download": "download", 
-    "saveWarn": "Please wait for the file to upload and save!", 
-    "saveError": "There is no file successfully uploaded and cannot be saved!", 
-    "preview": "Preview", 
-    "choose": "Select the file", 
-    "accept": "Support {0} format", 
-    "acceptUpload": "Only upload files in {0} format", 
-    "maxSize": "A single file does not exceed {0}MB ", 
-    "maxSizeMultiple": "Only upload files up to {0}MB!", 
-    "maxNumber": "Only upload up to {0} files", 
-    "legend": "Legend", 
-    "fileName": "File name", 
-    "fileSize": "File size", 
-    "fileStatue": "File status", 
+    "save": "Save",
+    "upload": "Upload",
+    "imgUpload": "ImageUpload",
+    "uploaded": "Uploaded",
+    "operating": "Operating",
+    "del": "Delete",
+    "download": "download",
+    "saveWarn": "Please wait for the file to upload and save!",
+    "saveError": "There is no file successfully uploaded and cannot be saved!",
+    "preview": "Preview",
+    "choose": "Select the file",
+    "accept": "Support {0} format",
+    "acceptUpload": "Only upload files in {0} format",
+    "maxSize": "A single file does not exceed {0}MB ",
+    "maxSizeMultiple": "Only upload files up to {0}MB!",
+    "maxNumber": "Only upload up to {0} files",
+    "legend": "Legend",
+    "fileName": "File name",
+    "fileSize": "File size",
+    "fileStatue": "File status",
     "pending": "Pendig",
-    "startUpload": "Start upload", 
-    "uploadSuccess": "Upload successfully", 
-    "uploadError": "Upload failed", 
-    "uploading": "Uploading", 
-    "uploadWait": "Please wait for the file upload to finish", 
+    "startUpload": "Start upload",
+    "uploadSuccess": "Upload successfully",
+    "uploadError": "Upload failed",
+    "uploading": "Uploading",
+    "uploadWait": "Please wait for the file upload to finish",
     "reUploadFailed": "Re-upload failed files"
-  }, 
+  },
   "verify": {
-    "error": "verification failed！", 
-    "time": "The verification is successful and it takes {time} seconds！", 
-    "redoTip": "Click the picture to refresh", 
-    "dragText": "Hold down the slider and drag", 
+    "error": "verification failed！",
+    "time": "The verification is successful and it takes {time} seconds！",
+    "redoTip": "Click the picture to refresh",
+    "dragText": "Hold down the slider and drag",
     "successText": "Verified"
   }
-}
\ No newline at end of file
+}
diff --git a/src/locales/lang/en/layout.json b/src/locales/lang/en/layout.json
index 36f734da..df2edf7a 100644
--- a/src/locales/lang/en/layout.json
+++ b/src/locales/lang/en/layout.json
@@ -93,4 +93,4 @@
     "mixSidebarFixed": "Fixed expanded menu",
     "autoCollapseTabsInFold": "Auto collapse tabs in fold"
   }
-}
\ No newline at end of file
+}
diff --git a/src/locales/lang/en/routes/basic.json b/src/locales/lang/en/routes/basic.json
index e6e35df7..59401719 100644
--- a/src/locales/lang/en/routes/basic.json
+++ b/src/locales/lang/en/routes/basic.json
@@ -1,4 +1,4 @@
 {
   "login": "Login",
   "errorLogList": "Error Log"
-}
\ No newline at end of file
+}
diff --git a/src/locales/lang/en/sys.json b/src/locales/lang/en/sys.json
index 1f67b114..8d86220a 100644
--- a/src/locales/lang/en/sys.json
+++ b/src/locales/lang/en/sys.json
@@ -1,92 +1,92 @@
 {
   "api": {
-    "operationSuccess": "Operation Success", 
-    "operationFailed": "Operation failed", 
-    "errorTip": "Error Tip", 
-    "successTip": "Success Tip", 
-    "errorMessage": "The operation failed, the system is abnormal!", 
-    "timeoutMessage": "Login timed out, please log in again!", 
-    "apiTimeoutMessage": "The interface request timed out, please refresh the page and try again!", 
-    "apiRequestFailed": "The interface request failed, please try again later!", 
-    "networkException": "network anomaly", 
-    "networkExceptionMsg": "Please check if your network connection is normal! The network is abnormal", 
-    "errMsg401": "The user does not have permission (token, user name, password error)!", 
-    "errMsg403": "The user is authorized, but access is forbidden!", 
-    "errMsg404": "Network request error, the resource was not found!", 
-    "errMsg405": "Network request error, request method not allowed!", 
-    "errMsg408": "Network request timed out!", 
-    "errMsg500": "Server error, please contact the administrator!", 
-    "errMsg501": "The network is not implemented!", 
-    "errMsg502": "Network Error!", 
-    "errMsg503": "The service is unavailable, the server is temporarily overloaded or maintained!", 
-    "errMsg504": "Network timeout!", 
+    "operationSuccess": "Operation Success",
+    "operationFailed": "Operation failed",
+    "errorTip": "Error Tip",
+    "successTip": "Success Tip",
+    "errorMessage": "The operation failed, the system is abnormal!",
+    "timeoutMessage": "Login timed out, please log in again!",
+    "apiTimeoutMessage": "The interface request timed out, please refresh the page and try again!",
+    "apiRequestFailed": "The interface request failed, please try again later!",
+    "networkException": "network anomaly",
+    "networkExceptionMsg": "Please check if your network connection is normal! The network is abnormal",
+    "errMsg401": "The user does not have permission (token, user name, password error)!",
+    "errMsg403": "The user is authorized, but access is forbidden!",
+    "errMsg404": "Network request error, the resource was not found!",
+    "errMsg405": "Network request error, request method not allowed!",
+    "errMsg408": "Network request timed out!",
+    "errMsg500": "Server error, please contact the administrator!",
+    "errMsg501": "The network is not implemented!",
+    "errMsg502": "Network Error!",
+    "errMsg503": "The service is unavailable, the server is temporarily overloaded or maintained!",
+    "errMsg504": "Network timeout!",
     "errMsg505": "The http version does not support the request!"
-  }, 
+  },
   "app": {
-    "logoutTip": "Reminder", 
-    "logoutMessage": "Confirm to exit the system?", 
+    "logoutTip": "Reminder",
+    "logoutMessage": "Confirm to exit the system?",
     "menuLoading": "Menu loading..."
-  }, 
+  },
   "errorLog": {
-    "tableTitle": "Error log list", 
-    "tableColumnType": "Type", 
-    "tableColumnDate": "Time", 
-    "tableColumnFile": "File", 
-    "tableColumnMsg": "Error message", 
-    "tableColumnStackMsg": "Stack info", 
-    "tableActionDesc": "Details", 
-    "modalTitle": "Error details", 
-    "fireVueError": "Fire vue error", 
-    "fireResourceError": "Fire resource error", 
-    "fireAjaxError": "Fire ajax error", 
+    "tableTitle": "Error log list",
+    "tableColumnType": "Type",
+    "tableColumnDate": "Time",
+    "tableColumnFile": "File",
+    "tableColumnMsg": "Error message",
+    "tableColumnStackMsg": "Stack info",
+    "tableActionDesc": "Details",
+    "modalTitle": "Error details",
+    "fireVueError": "Fire vue error",
+    "fireResourceError": "Fire resource error",
+    "fireAjaxError": "Fire ajax error",
     "enableMessage": "Only effective when useErrorHandle=true in `/src/settings/projectSetting.ts`."
-  }, 
+  },
   "exception": {
-    "backLogin": "Back Login", 
-    "backHome": "Back Home", 
-    "subTitle403": "Sorry, you don't have access to this page.", 
-    "subTitle404": "Sorry, the page you visited does not exist.", 
-    "subTitle500": "Sorry, the server is reporting an error.", 
-    "noDataTitle": "No data on the current page.", 
-    "networkErrorTitle": "Network Error", 
+    "backLogin": "Back Login",
+    "backHome": "Back Home",
+    "subTitle403": "Sorry, you don't have access to this page.",
+    "subTitle404": "Sorry, the page you visited does not exist.",
+    "subTitle500": "Sorry, the server is reporting an error.",
+    "noDataTitle": "No data on the current page.",
+    "networkErrorTitle": "Network Error",
     "networkErrorSubTitle": "Sorry，Your network connection has been disconnected, please check your network!"
-  }, 
+  },
   "lock": {
-    "unlock": "Click to unlock", 
-    "alert": "Lock screen password error", 
-    "backToLogin": "Back to login", 
-    "entry": "Enter the system", 
+    "unlock": "Click to unlock",
+    "alert": "Lock screen password error",
+    "backToLogin": "Back to login",
+    "entry": "Enter the system",
     "placeholder": "Please enter the lock screen password or user password"
-  }, 
+  },
   "login": {
-    "backSignIn": "Back sign in", 
-    "mobileSignInFormTitle": "Mobile sign in", 
-    "qrSignInFormTitle": "Qr code sign in", 
-    "signInFormTitle": "Sign in", 
-    "signUpFormTitle": "Sign up", 
-    "forgetFormTitle": "Reset password", 
-    "signInTitle": "Backstage management system", 
-    "signInDesc": "Enter your personal details and get started!", 
-    "policy": "I agree to the xxx Privacy Policy", 
-    "scanSign": "scanning the code to complete the login", 
-    "loginButton": "Sign in", 
-    "registerButton": "Sign up", 
-    "rememberMe": "Remember me", 
-    "forgetPassword": "Forget Password?", 
-    "otherSignIn": "Sign in with", 
-    "loginSuccessTitle": "Login successful", 
-    "loginSuccessDesc": "Welcome back", 
-    "accountPlaceholder": "Please input username", 
-    "passwordPlaceholder": "Please input password", 
-    "smsPlaceholder": "Please input sms code", 
-    "mobilePlaceholder": "Please input mobile", 
-    "policyPlaceholder": "Register after checking", 
-    "diffPwd": "The two passwords are inconsistent", 
-    "userName": "Username", 
-    "password": "Password", 
-    "confirmPassword": "Confirm Password", 
-    "email": "Email", 
-    "smsCode": "SMS code", 
+    "backSignIn": "Back sign in",
+    "mobileSignInFormTitle": "Mobile sign in",
+    "qrSignInFormTitle": "Qr code sign in",
+    "signInFormTitle": "Sign in",
+    "signUpFormTitle": "Sign up",
+    "forgetFormTitle": "Reset password",
+    "signInTitle": "Backstage management system",
+    "signInDesc": "Enter your personal details and get started!",
+    "policy": "I agree to the xxx Privacy Policy",
+    "scanSign": "scanning the code to complete the login",
+    "loginButton": "Sign in",
+    "registerButton": "Sign up",
+    "rememberMe": "Remember me",
+    "forgetPassword": "Forget Password?",
+    "otherSignIn": "Sign in with",
+    "loginSuccessTitle": "Login successful",
+    "loginSuccessDesc": "Welcome back",
+    "accountPlaceholder": "Please input username",
+    "passwordPlaceholder": "Please input password",
+    "smsPlaceholder": "Please input sms code",
+    "mobilePlaceholder": "Please input mobile",
+    "policyPlaceholder": "Register after checking",
+    "diffPwd": "The two passwords are inconsistent",
+    "userName": "Username",
+    "password": "Password",
+    "confirmPassword": "Confirm Password",
+    "email": "Email",
+    "smsCode": "SMS code",
     "mobile": "Mobile"
   }
-}
\ No newline at end of file
+}
diff --git a/src/locales/lang/zh-CN/antdLocale/DatePicker.json b/src/locales/lang/zh-CN/antdLocale/DatePicker.json
index e6ea6bbe..d4abbdea 100644
--- a/src/locales/lang/zh-CN/antdLocale/DatePicker.json
+++ b/src/locales/lang/zh-CN/antdLocale/DatePicker.json
@@ -1,6 +1,6 @@
 {
   "lang": {
-    "shortWeekDays": ["日","一", "二", "三", "四", "五", "六"],
+    "shortWeekDays": ["日", "一", "二", "三", "四", "五", "六"],
     "shortMonths": [
       "1月",
       "2月",
diff --git a/src/locales/lang/zh-CN/component.json b/src/locales/lang/zh-CN/component.json
index 5d8a6586..ddaf4881 100644
--- a/src/locales/lang/zh-CN/component.json
+++ b/src/locales/lang/zh-CN/component.json
@@ -1,125 +1,125 @@
 {
   "app": {
-    "searchNotData": "暂无搜索结果", 
-    "toSearch": "确认", 
+    "searchNotData": "暂无搜索结果",
+    "toSearch": "确认",
     "toNavigate": "切换"
-  }, 
+  },
   "countdown": {
-    "normalText": "获取验证码", 
+    "normalText": "获取验证码",
     "sendText": "{0}秒后重新获取"
-  }, 
+  },
   "cropper": {
-    "selectImage": "选择图片", 
-    "uploadSuccess": "上传成功", 
-    "imageTooBig": "图片超限", 
-    "modalTitle": "头像上传", 
-    "okText": "确认并上传", 
-    "btn_reset": "重置", 
-    "btn_rotate_left": "逆时针旋转", 
-    "btn_rotate_right": "顺时针旋转", 
-    "btn_scale_x": "水平翻转", 
-    "btn_scale_y": "垂直翻转", 
-    "btn_zoom_in": "放大", 
-    "btn_zoom_out": "缩小", 
+    "selectImage": "选择图片",
+    "uploadSuccess": "上传成功",
+    "imageTooBig": "图片超限",
+    "modalTitle": "头像上传",
+    "okText": "确认并上传",
+    "btn_reset": "重置",
+    "btn_rotate_left": "逆时针旋转",
+    "btn_rotate_right": "顺时针旋转",
+    "btn_scale_x": "水平翻转",
+    "btn_scale_y": "垂直翻转",
+    "btn_zoom_in": "放大",
+    "btn_zoom_out": "缩小",
     "preview": "预览"
-  }, 
+  },
   "drawer": {
-    "loadingText": "加载中...", 
-    "cancelText": "关闭", 
+    "loadingText": "加载中...",
+    "cancelText": "关闭",
     "okText": "确认"
-  }, 
+  },
   "excel": {
-    "exportModalTitle": "导出数据", 
-    "fileType": "文件类型", 
+    "exportModalTitle": "导出数据",
+    "fileType": "文件类型",
     "fileName": "文件名"
-  }, 
+  },
   "form": {
-    "putAway": "收起", 
-    "unfold": "展开", 
-    "maxTip": "字符数应小于{0}位", 
+    "putAway": "收起",
+    "unfold": "展开",
+    "maxTip": "字符数应小于{0}位",
     "apiSelectNotFound": "请等待数据加载完成..."
-  }, 
+  },
   "icon": {
-    "placeholder": "点击选择图标", 
-    "search": "搜索图标", 
+    "placeholder": "点击选择图标",
+    "search": "搜索图标",
     "copy": "复制图标成功!"
-  }, 
+  },
   "menu": {
     "search": "菜单搜索"
-  }, 
+  },
   "modal": {
-    "cancelText": "关闭", 
-    "okText": "确认", 
-    "close": "关闭", 
-    "maximize": "最大化", 
+    "cancelText": "关闭",
+    "okText": "确认",
+    "close": "关闭",
+    "maximize": "最大化",
     "restore": "还原"
-  }, 
+  },
   "table": {
-    "settingDens": "密度", 
-    "settingDensDefault": "默认", 
-    "settingDensMiddle": "中等", 
-    "settingDensSmall": "紧凑", 
-    "settingColumn": "列设置", 
-    "settingColumnShow": "列展示", 
-    "settingIndexColumnShow": "序号列", 
-    "settingSelectColumnShow": "勾选列", 
-    "settingFixedLeft": "固定到左侧", 
-    "settingFixedRight": "固定到右侧", 
-    "settingFullScreen": "全屏", 
-    "index": "序号", 
+    "settingDens": "密度",
+    "settingDensDefault": "默认",
+    "settingDensMiddle": "中等",
+    "settingDensSmall": "紧凑",
+    "settingColumn": "列设置",
+    "settingColumnShow": "列展示",
+    "settingIndexColumnShow": "序号列",
+    "settingSelectColumnShow": "勾选列",
+    "settingFixedLeft": "固定到左侧",
+    "settingFixedRight": "固定到右侧",
+    "settingFullScreen": "全屏",
+    "index": "序号",
     "total": "共 {total} 条数据"
-  }, 
+  },
   "time": {
-    "before": "前", 
-    "after": "后", 
-    "just": "刚刚", 
-    "seconds": "秒", 
-    "minutes": "分钟", 
-    "hours": "小时", 
+    "before": "前",
+    "after": "后",
+    "just": "刚刚",
+    "seconds": "秒",
+    "minutes": "分钟",
+    "hours": "小时",
     "days": "天"
-  }, 
+  },
   "tree": {
-    "selectAll": "选择全部", 
-    "unSelectAll": "取消选择", 
-    "expandAll": "展开全部", 
-    "unExpandAll": "折叠全部", 
-    "checkStrictly": "层级关联", 
+    "selectAll": "选择全部",
+    "unSelectAll": "取消选择",
+    "expandAll": "展开全部",
+    "unExpandAll": "折叠全部",
+    "checkStrictly": "层级关联",
     "checkUnStrictly": "层级独立"
-  }, 
+  },
   "upload": {
-    "save": "保存", 
-    "upload": "上传", 
-    "imgUpload": "图片上传", 
-    "uploaded": "已上传", 
-    "operating": "操作", 
-    "del": "删除", 
-    "download": "下载", 
-    "saveWarn": "请等待文件上传后，保存!", 
-    "saveError": "没有上传成功的文件，无法保存!", 
-    "preview": "预览", 
-    "choose": "选择文件", 
-    "accept": "支持{0}格式", 
-    "acceptUpload": "只能上传{0}格式文件", 
-    "maxSize": "单个文件不超过{0}MB", 
-    "maxSizeMultiple": "只能上传不超过{0}MB的文件!", 
-    "maxNumber": "最多只能上传{0}个文件", 
-    "legend": "略缩图", 
-    "fileName": "文件名", 
-    "fileSize": "文件大小", 
-    "fileStatue": "状态", 
+    "save": "保存",
+    "upload": "上传",
+    "imgUpload": "图片上传",
+    "uploaded": "已上传",
+    "operating": "操作",
+    "del": "删除",
+    "download": "下载",
+    "saveWarn": "请等待文件上传后，保存!",
+    "saveError": "没有上传成功的文件，无法保存!",
+    "preview": "预览",
+    "choose": "选择文件",
+    "accept": "支持{0}格式",
+    "acceptUpload": "只能上传{0}格式文件",
+    "maxSize": "单个文件不超过{0}MB",
+    "maxSizeMultiple": "只能上传不超过{0}MB的文件!",
+    "maxNumber": "最多只能上传{0}个文件",
+    "legend": "略缩图",
+    "fileName": "文件名",
+    "fileSize": "文件大小",
+    "fileStatue": "状态",
     "pending": "待上传",
-    "startUpload": "开始上传", 
-    "uploadSuccess": "上传成功", 
-    "uploadError": "上传失败", 
-    "uploading": "上传中", 
-    "uploadWait": "请等待文件上传结束后操作", 
+    "startUpload": "开始上传",
+    "uploadSuccess": "上传成功",
+    "uploadError": "上传失败",
+    "uploading": "上传中",
+    "uploadWait": "请等待文件上传结束后操作",
     "reUploadFailed": "重新上传失败文件"
-  }, 
+  },
   "verify": {
-    "error": "验证失败！", 
-    "time": "验证校验成功,耗时{time}秒！", 
-    "redoTip": "点击图片可刷新", 
-    "dragText": "请按住滑块拖动", 
+    "error": "验证失败！",
+    "time": "验证校验成功,耗时{time}秒！",
+    "redoTip": "点击图片可刷新",
+    "dragText": "请按住滑块拖动",
     "successText": "验证通过"
   }
-}
\ No newline at end of file
+}
diff --git a/src/locales/lang/zh-CN/layout.json b/src/locales/lang/zh-CN/layout.json
index a1502213..d0673813 100644
--- a/src/locales/lang/zh-CN/layout.json
+++ b/src/locales/lang/zh-CN/layout.json
@@ -93,4 +93,4 @@
     "mixSidebarFixed": "固定展开菜单",
     "autoCollapseTabsInFold": "fold模式下自动收起标签页"
   }
-}
\ No newline at end of file
+}
diff --git a/src/locales/lang/zh-CN/sys.json b/src/locales/lang/zh-CN/sys.json
index 73517d70..591eb7b6 100644
--- a/src/locales/lang/zh-CN/sys.json
+++ b/src/locales/lang/zh-CN/sys.json
@@ -1,92 +1,92 @@
 {
   "api": {
-    "operationSuccess": "操作成功", 
-    "operationFailed": "操作失败", 
-    "errorTip": "错误提示", 
-    "successTip": "成功提示", 
-    "errorMessage": "操作失败,系统异常!", 
-    "timeoutMessage": "登录超时,请重新登录!", 
-    "apiTimeoutMessage": "接口请求超时,请刷新页面重试!", 
-    "apiRequestFailed": "请求出错，请稍候重试", 
-    "networkException": "网络异常", 
-    "networkExceptionMsg": "网络异常，请检查您的网络连接是否正常!", 
-    "errMsg401": "用户没有权限（令牌、用户名、密码错误）!", 
-    "errMsg403": "用户得到授权，但是访问是被禁止的。!", 
-    "errMsg404": "网络请求错误,未找到该资源!", 
-    "errMsg405": "网络请求错误,请求方法未允许!", 
-    "errMsg408": "网络请求超时!", 
-    "errMsg500": "服务器错误,请联系管理员!", 
-    "errMsg501": "网络未实现!", 
-    "errMsg502": "网络错误!", 
-    "errMsg503": "服务不可用，服务器暂时过载或维护!", 
-    "errMsg504": "网络超时!", 
+    "operationSuccess": "操作成功",
+    "operationFailed": "操作失败",
+    "errorTip": "错误提示",
+    "successTip": "成功提示",
+    "errorMessage": "操作失败,系统异常!",
+    "timeoutMessage": "登录超时,请重新登录!",
+    "apiTimeoutMessage": "接口请求超时,请刷新页面重试!",
+    "apiRequestFailed": "请求出错，请稍候重试",
+    "networkException": "网络异常",
+    "networkExceptionMsg": "网络异常，请检查您的网络连接是否正常!",
+    "errMsg401": "用户没有权限（令牌、用户名、密码错误）!",
+    "errMsg403": "用户得到授权，但是访问是被禁止的。!",
+    "errMsg404": "网络请求错误,未找到该资源!",
+    "errMsg405": "网络请求错误,请求方法未允许!",
+    "errMsg408": "网络请求超时!",
+    "errMsg500": "服务器错误,请联系管理员!",
+    "errMsg501": "网络未实现!",
+    "errMsg502": "网络错误!",
+    "errMsg503": "服务不可用，服务器暂时过载或维护!",
+    "errMsg504": "网络超时!",
     "errMsg505": "http版本不支持该请求!"
-  }, 
+  },
   "app": {
-    "logoutTip": "温馨提醒", 
-    "logoutMessage": "是否确认退出系统?", 
+    "logoutTip": "温馨提醒",
+    "logoutMessage": "是否确认退出系统?",
     "menuLoading": "菜单加载中..."
-  }, 
+  },
   "errorLog": {
-    "tableTitle": "错误日志列表", 
-    "tableColumnType": "类型", 
-    "tableColumnDate": "时间", 
-    "tableColumnFile": "文件", 
-    "tableColumnMsg": "错误信息", 
-    "tableColumnStackMsg": "stack信息", 
-    "tableActionDesc": "详情", 
-    "modalTitle": "错误详情", 
-    "fireVueError": "点击触发vue错误", 
-    "fireResourceError": "点击触发资源加载错误", 
-    "fireAjaxError": "点击触发ajax错误", 
+    "tableTitle": "错误日志列表",
+    "tableColumnType": "类型",
+    "tableColumnDate": "时间",
+    "tableColumnFile": "文件",
+    "tableColumnMsg": "错误信息",
+    "tableColumnStackMsg": "stack信息",
+    "tableActionDesc": "详情",
+    "modalTitle": "错误详情",
+    "fireVueError": "点击触发vue错误",
+    "fireResourceError": "点击触发资源加载错误",
+    "fireAjaxError": "点击触发ajax错误",
     "enableMessage": "只在`/src/settings/projectSetting.ts` 内的useErrorHandle=true时生效."
-  }, 
+  },
   "exception": {
-    "backLogin": "返回登录", 
-    "backHome": "返回首页", 
-    "subTitle403": "抱歉，您无权访问此页面。", 
-    "subTitle404": "抱歉，您访问的页面不存在。", 
-    "subTitle500": "抱歉，服务器报告错误。", 
-    "noDataTitle": "当前页无数据", 
-    "networkErrorTitle": "网络错误", 
+    "backLogin": "返回登录",
+    "backHome": "返回首页",
+    "subTitle403": "抱歉，您无权访问此页面。",
+    "subTitle404": "抱歉，您访问的页面不存在。",
+    "subTitle500": "抱歉，服务器报告错误。",
+    "noDataTitle": "当前页无数据",
+    "networkErrorTitle": "网络错误",
     "networkErrorSubTitle": "抱歉，您的网络连接已断开，请检查您的网络！"
-  }, 
+  },
   "lock": {
-    "unlock": "点击解锁", 
-    "alert": "锁屏密码错误", 
-    "backToLogin": "返回登录", 
-    "entry": "进入系统", 
+    "unlock": "点击解锁",
+    "alert": "锁屏密码错误",
+    "backToLogin": "返回登录",
+    "entry": "进入系统",
     "placeholder": "请输入锁屏密码或者用户密码"
-  }, 
+  },
   "login": {
-    "backSignIn": "返回", 
-    "signInFormTitle": "登录", 
-    "mobileSignInFormTitle": "手机登录", 
-    "qrSignInFormTitle": "二维码登录", 
-    "signUpFormTitle": "注册", 
-    "forgetFormTitle": "重置密码", 
-    "signInTitle": "开箱即用的中后台管理系统", 
-    "signInDesc": "输入您的个人详细信息开始使用！", 
-    "policy": "我同意xxx隐私政策", 
-    "scanSign": "扫码后点击\"确认\"，即可完成登录", 
-    "loginButton": "登录", 
-    "registerButton": "注册", 
-    "rememberMe": "记住我", 
-    "forgetPassword": "忘记密码?", 
-    "otherSignIn": "其他登录方式", 
-    "loginSuccessTitle": "登录成功", 
-    "loginSuccessDesc": "欢迎回来", 
-    "accountPlaceholder": "请输入账号", 
-    "passwordPlaceholder": "请输入密码", 
-    "smsPlaceholder": "请输入验证码", 
-    "mobilePlaceholder": "请输入手机号码", 
-    "policyPlaceholder": "勾选后才能注册", 
-    "diffPwd": "两次输入密码不一致", 
-    "userName": "账号", 
-    "password": "密码", 
-    "confirmPassword": "确认密码", 
-    "email": "邮箱", 
-    "smsCode": "短信验证码", 
+    "backSignIn": "返回",
+    "signInFormTitle": "登录",
+    "mobileSignInFormTitle": "手机登录",
+    "qrSignInFormTitle": "二维码登录",
+    "signUpFormTitle": "注册",
+    "forgetFormTitle": "重置密码",
+    "signInTitle": "开箱即用的中后台管理系统",
+    "signInDesc": "输入您的个人详细信息开始使用！",
+    "policy": "我同意xxx隐私政策",
+    "scanSign": "扫码后点击\"确认\"，即可完成登录",
+    "loginButton": "登录",
+    "registerButton": "注册",
+    "rememberMe": "记住我",
+    "forgetPassword": "忘记密码?",
+    "otherSignIn": "其他登录方式",
+    "loginSuccessTitle": "登录成功",
+    "loginSuccessDesc": "欢迎回来",
+    "accountPlaceholder": "请输入账号",
+    "passwordPlaceholder": "请输入密码",
+    "smsPlaceholder": "请输入验证码",
+    "mobilePlaceholder": "请输入手机号码",
+    "policyPlaceholder": "勾选后才能注册",
+    "diffPwd": "两次输入密码不一致",
+    "userName": "账号",
+    "password": "密码",
+    "confirmPassword": "确认密码",
+    "email": "邮箱",
+    "smsCode": "短信验证码",
     "mobile": "手机号码"
   }
-}
\ No newline at end of file
+}
diff --git a/src/locales/lang/zh_CN.ts b/src/locales/lang/zh_CN.ts
index 0d12074e..7d17d7cd 100644
--- a/src/locales/lang/zh_CN.ts
+++ b/src/locales/lang/zh_CN.ts
@@ -1,6 +1,6 @@
 import { genMessage } from '../helper';
 import antdLocale from 'ant-design-vue/es/locale/zh_CN';
-import { deepMerge } from '/@/utils';
+import { deepMerge } from '@/utils';
 
 const modules = import.meta.glob('./zh-CN/**/*.json', { eager: true });
 
diff --git a/src/locales/setupI18n.ts b/src/locales/setupI18n.ts
index c98ef920..80f9c6c7 100644
--- a/src/locales/setupI18n.ts
+++ b/src/locales/setupI18n.ts
@@ -3,8 +3,8 @@ import type { I18nOptions } from 'vue-i18n';
 
 import { createI18n } from 'vue-i18n';
 import { setHtmlPageLang, setLoadLocalePool } from './helper';
-import { localeSetting } from '/@/settings/localeSetting';
-import { useLocaleStoreWithOut } from '/@/store/modules/locale';
+import { localeSetting } from '@/settings/localeSetting';
+import { useLocaleStoreWithOut } from '@/store/modules/locale';
 
 const { fallback, availableLocales } = localeSetting;
 
diff --git a/src/locales/useLocale.ts b/src/locales/useLocale.ts
index 426cd094..2f2b677c 100644
--- a/src/locales/useLocale.ts
+++ b/src/locales/useLocale.ts
@@ -1,10 +1,10 @@
 /**
  * Multi-language related operations
  */
-import type { LocaleType } from '/#/config';
+import type { LocaleType } from '#/config';
 
 import { i18n } from './setupI18n';
-import { useLocaleStoreWithOut } from '/@/store/modules/locale';
+import { useLocaleStoreWithOut } from '@/store/modules/locale';
 import { unref, computed } from 'vue';
 import { loadLocalePool, setHtmlPageLang } from './helper';
 import { Locale } from 'ant-design-vue/es/locale';
diff --git a/src/logics/error-handle/index.ts b/src/logics/error-handle/index.ts
index a18c6444..87055287 100644
--- a/src/logics/error-handle/index.ts
+++ b/src/logics/error-handle/index.ts
@@ -2,13 +2,13 @@
  * Used to configure the global error handling function, which can monitor vue errors, script errors, static resource errors and Promise errors
  */
 
-import type { ErrorLogInfo } from '/#/store';
+import type { ErrorLogInfo } from '#/store';
 
-import { useErrorLogStoreWithOut } from '/@/store/modules/errorLog';
+import { useErrorLogStoreWithOut } from '@/store/modules/errorLog';
 
-import { ErrorTypeEnum } from '/@/enums/exceptionEnum';
+import { ErrorTypeEnum } from '@/enums/exceptionEnum';
 import { App } from 'vue';
-import projectSetting from '/@/settings/projectSetting';
+import projectSetting from '@/settings/projectSetting';
 
 /**
  * Handling error stack information
diff --git a/src/logics/initAppConfig.ts b/src/logics/initAppConfig.ts
index 489587d4..364a4cb9 100644
--- a/src/logics/initAppConfig.ts
+++ b/src/logics/initAppConfig.ts
@@ -1,24 +1,24 @@
 /**
  * Application configuration
  */
-import type { ProjectConfig } from '/#/config';
+import type { ProjectConfig } from '#/config';
 
-import { PROJ_CFG_KEY } from '/@/enums/cacheEnum';
-import projectSetting from '/@/settings/projectSetting';
+import { PROJ_CFG_KEY } from '@/enums/cacheEnum';
+import projectSetting from '@/settings/projectSetting';
 
-import { updateDarkTheme } from '/@/logics/theme/dark';
-import { updateHeaderBgColor, updateSidebarBgColor } from '/@/logics/theme/updateBackground';
-import { updateColorWeak } from '/@/logics/theme/updateColorWeak';
-import { updateGrayMode } from '/@/logics/theme/updateGrayMode';
+import { updateDarkTheme } from '@/logics/theme/dark';
+import { updateHeaderBgColor, updateSidebarBgColor } from '@/logics/theme/updateBackground';
+import { updateColorWeak } from '@/logics/theme/updateColorWeak';
+import { updateGrayMode } from '@/logics/theme/updateGrayMode';
 
-import { useAppStore } from '/@/store/modules/app';
-import { useLocaleStore } from '/@/store/modules/locale';
+import { useAppStore } from '@/store/modules/app';
+import { useLocaleStore } from '@/store/modules/locale';
 
-import { getCommonStoragePrefix, getStorageShortName } from '/@/utils/env';
+import { getCommonStoragePrefix, getStorageShortName } from '@/utils/env';
 
-import { ThemeEnum } from '/@/enums/appEnum';
-import { deepMerge } from '/@/utils';
-import { Persistent } from '/@/utils/cache/persistent';
+import { ThemeEnum } from '@/enums/appEnum';
+import { deepMerge } from '@/utils';
+import { Persistent } from '@/utils/cache/persistent';
 
 // Initial project configuration
 export function initAppConfigStore() {
diff --git a/src/logics/mitt/routeChange.ts b/src/logics/mitt/routeChange.ts
index ccd777d3..e28e309f 100644
--- a/src/logics/mitt/routeChange.ts
+++ b/src/logics/mitt/routeChange.ts
@@ -2,9 +2,9 @@
  * Used to monitor routing changes to change the status of menus and tabs. There is no need to monitor the route, because the route status change is affected by the page rendering time, which will be slow
  */
 
-import { mitt } from '/@/utils/mitt';
+import { mitt } from '@/utils/mitt';
 import type { RouteLocationNormalized } from 'vue-router';
-import { getRawRoute } from '/@/utils';
+import { getRawRoute } from '@/utils';
 
 const key = Symbol();
 
diff --git a/src/logics/theme/dark.ts b/src/logics/theme/dark.ts
index 41256436..5abdc9f7 100644
--- a/src/logics/theme/dark.ts
+++ b/src/logics/theme/dark.ts
@@ -1,5 +1,5 @@
 import { setCssVar } from './util';
-import { addClass, hasClass, removeClass } from '/@/utils/domUtils';
+import { addClass, hasClass, removeClass } from '@/utils/domUtils';
 
 export type CustomColorType = {
   name: string;
diff --git a/src/logics/theme/updateBackground.ts b/src/logics/theme/updateBackground.ts
index 87f3270d..3b2d8be1 100644
--- a/src/logics/theme/updateBackground.ts
+++ b/src/logics/theme/updateBackground.ts
@@ -1,6 +1,6 @@
-import { colorIsDark, lighten, darken } from '/@/utils/color';
-import { useAppStore } from '/@/store/modules/app';
-import { ThemeEnum } from '/@/enums/appEnum';
+import { colorIsDark, lighten, darken } from '@/utils/color';
+import { useAppStore } from '@/store/modules/app';
+import { ThemeEnum } from '@/enums/appEnum';
 import { setCssVar } from './util';
 
 const HEADER_BG_COLOR_VAR = '--header-bg-color';
diff --git a/src/router/constant.ts b/src/router/constant.ts
index fb967d8d..e57bc260 100644
--- a/src/router/constant.ts
+++ b/src/router/constant.ts
@@ -4,12 +4,12 @@ export const PARENT_LAYOUT_NAME = 'ParentLayout';
 
 export const PAGE_NOT_FOUND_NAME = 'PageNotFound';
 
-export const EXCEPTION_COMPONENT = () => import('/@/views/sys/exception/Exception.vue');
+export const EXCEPTION_COMPONENT = () => import('@/views/sys/exception/Exception.vue');
 
 /**
  * @description: default layout
  */
-export const LAYOUT = () => import('/@/layouts/default/index.vue');
+export const LAYOUT = () => import('@/layouts/default/index.vue');
 
 /**
  * @description: parent-layout
diff --git a/src/router/guard/index.ts b/src/router/guard/index.ts
index c5677499..660db405 100644
--- a/src/router/guard/index.ts
+++ b/src/router/guard/index.ts
@@ -1,16 +1,16 @@
 import type { Router, RouteLocationNormalized } from 'vue-router';
-import { useAppStoreWithOut } from '/@/store/modules/app';
-import { useUserStoreWithOut } from '/@/store/modules/user';
-import { useTransitionSetting } from '/@/hooks/setting/useTransitionSetting';
-import { AxiosCanceler } from '/@/utils/http/axios/axiosCancel';
+import { useAppStoreWithOut } from '@/store/modules/app';
+import { useUserStoreWithOut } from '@/store/modules/user';
+import { useTransitionSetting } from '@/hooks/setting/useTransitionSetting';
+import { AxiosCanceler } from '@/utils/http/axios/axiosCancel';
 import { Modal, notification } from 'ant-design-vue';
-import { warn } from '/@/utils/log';
+import { warn } from '@/utils/log';
 import { unref } from 'vue';
-import { setRouteChange } from '/@/logics/mitt/routeChange';
+import { setRouteChange } from '@/logics/mitt/routeChange';
 import { createPermissionGuard } from './permissionGuard';
 import { createStateGuard } from './stateGuard';
 import nProgress from 'nprogress';
-import projectSetting from '/@/settings/projectSetting';
+import projectSetting from '@/settings/projectSetting';
 import { createParamMenuGuard } from './paramMenuGuard';
 
 // Don't change the order of creation
diff --git a/src/router/guard/paramMenuGuard.ts b/src/router/guard/paramMenuGuard.ts
index 1c75157b..886fa210 100644
--- a/src/router/guard/paramMenuGuard.ts
+++ b/src/router/guard/paramMenuGuard.ts
@@ -1,10 +1,10 @@
 import type { Router } from 'vue-router';
 import { configureDynamicParamsMenu } from '../helper/menuHelper';
 import { Menu } from '../types';
-import { PermissionModeEnum } from '/@/enums/appEnum';
-import { useAppStoreWithOut } from '/@/store/modules/app';
+import { PermissionModeEnum } from '@/enums/appEnum';
+import { useAppStoreWithOut } from '@/store/modules/app';
 
-import { usePermissionStoreWithOut } from '/@/store/modules/permission';
+import { usePermissionStoreWithOut } from '@/store/modules/permission';
 
 export function createParamMenuGuard(router: Router) {
   const permissionStore = usePermissionStoreWithOut();
diff --git a/src/router/guard/permissionGuard.ts b/src/router/guard/permissionGuard.ts
index 5b1acde9..8f1bad33 100644
--- a/src/router/guard/permissionGuard.ts
+++ b/src/router/guard/permissionGuard.ts
@@ -1,13 +1,13 @@
 import type { Router, RouteRecordRaw } from 'vue-router';
 
-import { usePermissionStoreWithOut } from '/@/store/modules/permission';
+import { usePermissionStoreWithOut } from '@/store/modules/permission';
 
-import { PageEnum } from '/@/enums/pageEnum';
-import { useUserStoreWithOut } from '/@/store/modules/user';
+import { PageEnum } from '@/enums/pageEnum';
+import { useUserStoreWithOut } from '@/store/modules/user';
 
-import { PAGE_NOT_FOUND_ROUTE } from '/@/router/routes/basic';
+import { PAGE_NOT_FOUND_ROUTE } from '@/router/routes/basic';
 
-import { RootRoute } from '/@/router/routes';
+import { RootRoute } from '@/router/routes';
 
 const LOGIN_PATH = PageEnum.BASE_LOGIN;
 
diff --git a/src/router/guard/stateGuard.ts b/src/router/guard/stateGuard.ts
index c34513cc..d91b7d29 100644
--- a/src/router/guard/stateGuard.ts
+++ b/src/router/guard/stateGuard.ts
@@ -1,10 +1,10 @@
 import type { Router } from 'vue-router';
-import { useAppStore } from '/@/store/modules/app';
-import { useMultipleTabStore } from '/@/store/modules/multipleTab';
-import { useUserStore } from '/@/store/modules/user';
-import { usePermissionStore } from '/@/store/modules/permission';
-import { PageEnum } from '/@/enums/pageEnum';
-import { removeTabChangeListener } from '/@/logics/mitt/routeChange';
+import { useAppStore } from '@/store/modules/app';
+import { useMultipleTabStore } from '@/store/modules/multipleTab';
+import { useUserStore } from '@/store/modules/user';
+import { usePermissionStore } from '@/store/modules/permission';
+import { PageEnum } from '@/enums/pageEnum';
+import { removeTabChangeListener } from '@/logics/mitt/routeChange';
 
 export function createStateGuard(router: Router) {
   router.afterEach((to) => {
diff --git a/src/router/helper/menuHelper.ts b/src/router/helper/menuHelper.ts
index efb9c9ba..6ecbccb8 100644
--- a/src/router/helper/menuHelper.ts
+++ b/src/router/helper/menuHelper.ts
@@ -1,8 +1,8 @@
-import { AppRouteModule } from '/@/router/types';
-import type { MenuModule, Menu, AppRouteRecordRaw } from '/@/router/types';
-import { findPath, treeMap } from '/@/utils/helper/treeHelper';
+import { AppRouteModule } from '@/router/types';
+import type { MenuModule, Menu, AppRouteRecordRaw } from '@/router/types';
+import { findPath, treeMap } from '@/utils/helper/treeHelper';
 import { cloneDeep } from 'lodash-es';
-import { isHttpUrl } from '/@/utils/is';
+import { isHttpUrl } from '@/utils/is';
 import { RouteParams } from 'vue-router';
 import { toRaw } from 'vue';
 
diff --git a/src/router/helper/routeHelper.ts b/src/router/helper/routeHelper.ts
index ead2fec1..7529fa25 100644
--- a/src/router/helper/routeHelper.ts
+++ b/src/router/helper/routeHelper.ts
@@ -1,13 +1,13 @@
-import type { AppRouteModule, AppRouteRecordRaw } from '/@/router/types';
+import type { AppRouteModule, AppRouteRecordRaw } from '@/router/types';
 import type { Router, RouteRecordNormalized } from 'vue-router';
 
-import { getParentLayout, LAYOUT, EXCEPTION_COMPONENT } from '/@/router/constant';
+import { getParentLayout, LAYOUT, EXCEPTION_COMPONENT } from '@/router/constant';
 import { cloneDeep, omit } from 'lodash-es';
-import { warn } from '/@/utils/log';
+import { warn } from '@/utils/log';
 import { createRouter, createWebHashHistory } from 'vue-router';
 
 export type LayoutMapKey = 'LAYOUT';
-const IFRAME = () => import('/@/views/sys/iframe/FrameBlank.vue');
+const IFRAME = () => import('@/views/sys/iframe/FrameBlank.vue');
 
 const LayoutMap = new Map<string, () => Promise<typeof import('*.vue')>>();
 
diff --git a/src/router/menus/index.ts b/src/router/menus/index.ts
index 99e048a2..58c53743 100644
--- a/src/router/menus/index.ts
+++ b/src/router/menus/index.ts
@@ -1,13 +1,13 @@
-import type { Menu, MenuModule } from '/@/router/types';
+import type { Menu, MenuModule } from '@/router/types';
 import type { RouteRecordNormalized } from 'vue-router';
 
-import { useAppStoreWithOut } from '/@/store/modules/app';
-import { usePermissionStore } from '/@/store/modules/permission';
-import { transformMenuModule, getAllParentPath } from '/@/router/helper/menuHelper';
-import { filter } from '/@/utils/helper/treeHelper';
-import { isHttpUrl } from '/@/utils/is';
-import { router } from '/@/router';
-import { PermissionModeEnum } from '/@/enums/appEnum';
+import { useAppStoreWithOut } from '@/store/modules/app';
+import { usePermissionStore } from '@/store/modules/permission';
+import { transformMenuModule, getAllParentPath } from '@/router/helper/menuHelper';
+import { filter } from '@/utils/helper/treeHelper';
+import { isHttpUrl } from '@/utils/is';
+import { router } from '@/router';
+import { PermissionModeEnum } from '@/enums/appEnum';
 import { pathToRegexp } from 'path-to-regexp';
 
 const modules = import.meta.glob('./modules/**/*.ts', { eager: true });
diff --git a/src/router/routes/basic.ts b/src/router/routes/basic.ts
index 573ce2b8..58ae6ea7 100644
--- a/src/router/routes/basic.ts
+++ b/src/router/routes/basic.ts
@@ -1,11 +1,6 @@
-import type { AppRouteRecordRaw } from '/@/router/types';
-import { t } from '/@/hooks/web/useI18n';
-import {
-  REDIRECT_NAME,
-  LAYOUT,
-  EXCEPTION_COMPONENT,
-  PAGE_NOT_FOUND_NAME,
-} from '/@/router/constant';
+import type { AppRouteRecordRaw } from '@/router/types';
+import { t } from '@/hooks/web/useI18n';
+import { REDIRECT_NAME, LAYOUT, EXCEPTION_COMPONENT, PAGE_NOT_FOUND_NAME } from '@/router/constant';
 
 // 404 on a page
 export const PAGE_NOT_FOUND_ROUTE: AppRouteRecordRaw = {
@@ -44,7 +39,7 @@ export const REDIRECT_ROUTE: AppRouteRecordRaw = {
     {
       path: '/redirect/:path(.*)/:_redirect_type(.*)/:_origin_params(.*)?',
       name: REDIRECT_NAME,
-      component: () => import('/@/views/sys/redirect/index.vue'),
+      component: () => import('@/views/sys/redirect/index.vue'),
       meta: {
         title: REDIRECT_NAME,
         hideBreadcrumb: true,
@@ -67,7 +62,7 @@ export const ERROR_LOG_ROUTE: AppRouteRecordRaw = {
     {
       path: 'list',
       name: 'ErrorLogList',
-      component: () => import('/@/views/sys/error-log/index.vue'),
+      component: () => import('@/views/sys/error-log/index.vue'),
       meta: {
         title: t('routes.basic.errorLogList'),
         hideBreadcrumb: true,
diff --git a/src/router/routes/index.ts b/src/router/routes/index.ts
index 79115b79..0bb349a3 100644
--- a/src/router/routes/index.ts
+++ b/src/router/routes/index.ts
@@ -1,10 +1,10 @@
-import type { AppRouteRecordRaw, AppRouteModule } from '/@/router/types';
+import type { AppRouteRecordRaw, AppRouteModule } from '@/router/types';
 
-import { PAGE_NOT_FOUND_ROUTE, REDIRECT_ROUTE } from '/@/router/routes/basic';
+import { PAGE_NOT_FOUND_ROUTE, REDIRECT_ROUTE } from '@/router/routes/basic';
 
 import { mainOutRoutes } from './mainOut';
-import { PageEnum } from '/@/enums/pageEnum';
-import { t } from '/@/hooks/web/useI18n';
+import { PageEnum } from '@/enums/pageEnum';
+import { t } from '@/hooks/web/useI18n';
 
 // import.meta.glob() 直接引入所有的模块 Vite 独有的功能
 const modules = import.meta.glob('./modules/**/*.ts', { eager: true });
@@ -32,7 +32,7 @@ export const RootRoute: AppRouteRecordRaw = {
 export const LoginRoute: AppRouteRecordRaw = {
   path: '/login',
   name: 'Login',
-  component: () => import('/@/views/sys/login/Login.vue'),
+  component: () => import('@/views/sys/login/Login.vue'),
   meta: {
     title: t('routes.basic.login'),
   },
diff --git a/src/router/routes/mainOut.ts b/src/router/routes/mainOut.ts
index 6ecbaedc..6e2a4a44 100644
--- a/src/router/routes/mainOut.ts
+++ b/src/router/routes/mainOut.ts
@@ -3,7 +3,7 @@ The routing of this file will not show the layout.
 It is an independent new page.
 the contents of the file still need to log in to access
  */
-import type { AppRouteModule } from '/@/router/types';
+import type { AppRouteModule } from '@/router/types';
 
 // test
 // http:ip:port/main-out
@@ -11,7 +11,7 @@ export const mainOutRoutes: AppRouteModule[] = [
   {
     path: '/main-out',
     name: 'MainOut',
-    component: () => import('/@/views/demo/main-out/index.vue'),
+    component: () => import('@/views/demo/main-out/index.vue'),
     meta: {
       title: 'MainOut',
       ignoreAuth: true,
diff --git a/src/router/routes/modules/about.ts b/src/router/routes/modules/about.ts
index 87ebb690..bc5ab06a 100644
--- a/src/router/routes/modules/about.ts
+++ b/src/router/routes/modules/about.ts
@@ -1,7 +1,7 @@
-import type { AppRouteModule } from '/@/router/types';
+import type { AppRouteModule } from '@/router/types';
 
-import { LAYOUT } from '/@/router/constant';
-import { t } from '/@/hooks/web/useI18n';
+import { LAYOUT } from '@/router/constant';
+import { t } from '@/hooks/web/useI18n';
 
 const about: AppRouteModule = {
   path: '/about',
@@ -18,7 +18,7 @@ const about: AppRouteModule = {
     {
       path: 'index',
       name: 'AboutPage',
-      component: () => import('/@/views/sys/about/index.vue'),
+      component: () => import('@/views/sys/about/index.vue'),
       meta: {
         title: t('routes.dashboard.about'),
         icon: 'simple-icons:about-dot-me',
diff --git a/src/router/routes/modules/dashboard.ts b/src/router/routes/modules/dashboard.ts
index f532ec74..9c1590c7 100644
--- a/src/router/routes/modules/dashboard.ts
+++ b/src/router/routes/modules/dashboard.ts
@@ -1,7 +1,7 @@
-import type { AppRouteModule } from '/@/router/types';
+import type { AppRouteModule } from '@/router/types';
 
-import { LAYOUT } from '/@/router/constant';
-import { t } from '/@/hooks/web/useI18n';
+import { LAYOUT } from '@/router/constant';
+import { t } from '@/hooks/web/useI18n';
 
 const dashboard: AppRouteModule = {
   path: '/dashboard',
@@ -17,7 +17,7 @@ const dashboard: AppRouteModule = {
     {
       path: 'analysis',
       name: 'Analysis',
-      component: () => import('/@/views/dashboard/analysis/index.vue'),
+      component: () => import('@/views/dashboard/analysis/index.vue'),
       meta: {
         // affix: true,
         title: t('routes.dashboard.analysis'),
@@ -26,7 +26,7 @@ const dashboard: AppRouteModule = {
     {
       path: 'workbench',
       name: 'Workbench',
-      component: () => import('/@/views/dashboard/workbench/index.vue'),
+      component: () => import('@/views/dashboard/workbench/index.vue'),
       meta: {
         title: t('routes.dashboard.workbench'),
       },
diff --git a/src/router/routes/modules/demo/charts.ts b/src/router/routes/modules/demo/charts.ts
index c36b5eed..c5a4996e 100644
--- a/src/router/routes/modules/demo/charts.ts
+++ b/src/router/routes/modules/demo/charts.ts
@@ -1,7 +1,7 @@
-import type { AppRouteModule } from '/@/router/types';
+import type { AppRouteModule } from '@/router/types';
 
-import { getParentLayout, LAYOUT } from '/@/router/constant';
-import { t } from '/@/hooks/web/useI18n';
+import { getParentLayout, LAYOUT } from '@/router/constant';
+import { t } from '@/hooks/web/useI18n';
 
 const charts: AppRouteModule = {
   path: '/charts',
@@ -20,7 +20,7 @@ const charts: AppRouteModule = {
       meta: {
         title: t('routes.demo.charts.baiduMap'),
       },
-      component: () => import('/@/views/demo/charts/map/Baidu.vue'),
+      component: () => import('@/views/demo/charts/map/Baidu.vue'),
     },
     {
       path: 'aMap',
@@ -28,7 +28,7 @@ const charts: AppRouteModule = {
       meta: {
         title: t('routes.demo.charts.aMap'),
       },
-      component: () => import('/@/views/demo/charts/map/Gaode.vue'),
+      component: () => import('@/views/demo/charts/map/Gaode.vue'),
     },
     {
       path: 'googleMap',
@@ -36,7 +36,7 @@ const charts: AppRouteModule = {
       meta: {
         title: t('routes.demo.charts.googleMap'),
       },
-      component: () => import('/@/views/demo/charts/map/Google.vue'),
+      component: () => import('@/views/demo/charts/map/Google.vue'),
     },
 
     {
@@ -51,7 +51,7 @@ const charts: AppRouteModule = {
         {
           path: 'map',
           name: 'Map',
-          component: () => import('/@/views/demo/charts/Map.vue'),
+          component: () => import('@/views/demo/charts/Map.vue'),
           meta: {
             title: t('routes.demo.charts.map'),
           },
@@ -59,7 +59,7 @@ const charts: AppRouteModule = {
         {
           path: 'line',
           name: 'Line',
-          component: () => import('/@/views/demo/charts/Line.vue'),
+          component: () => import('@/views/demo/charts/Line.vue'),
           meta: {
             title: t('routes.demo.charts.line'),
           },
@@ -67,7 +67,7 @@ const charts: AppRouteModule = {
         {
           path: 'pie',
           name: 'Pie',
-          component: () => import('/@/views/demo/charts/Pie.vue'),
+          component: () => import('@/views/demo/charts/Pie.vue'),
           meta: {
             title: t('routes.demo.charts.pie'),
           },
diff --git a/src/router/routes/modules/demo/comp.ts b/src/router/routes/modules/demo/comp.ts
index 28091ba2..26cd9c20 100644
--- a/src/router/routes/modules/demo/comp.ts
+++ b/src/router/routes/modules/demo/comp.ts
@@ -1,7 +1,7 @@
-import type { AppRouteModule } from '/@/router/types';
+import type { AppRouteModule } from '@/router/types';
 
-import { getParentLayout, LAYOUT } from '/@/router/constant';
-import { t } from '/@/hooks/web/useI18n';
+import { getParentLayout, LAYOUT } from '@/router/constant';
+import { t } from '@/hooks/web/useI18n';
 
 const comp: AppRouteModule = {
   path: '/comp',
@@ -18,7 +18,7 @@ const comp: AppRouteModule = {
     {
       path: 'basic',
       name: 'BasicDemo',
-      component: () => import('/@/views/demo/comp/button/index.vue'),
+      component: () => import('@/views/demo/comp/button/index.vue'),
       meta: {
         title: t('routes.demo.comp.basic'),
       },
@@ -37,7 +37,7 @@ const comp: AppRouteModule = {
         {
           path: 'basic',
           name: 'FormBasicDemo',
-          component: () => import('/@/views/demo/form/index.vue'),
+          component: () => import('@/views/demo/form/index.vue'),
           meta: {
             title: t('routes.demo.form.basic'),
           },
@@ -45,7 +45,7 @@ const comp: AppRouteModule = {
         {
           path: 'useForm',
           name: 'UseFormDemo',
-          component: () => import('/@/views/demo/form/UseForm.vue'),
+          component: () => import('@/views/demo/form/UseForm.vue'),
           meta: {
             title: t('routes.demo.form.useForm'),
           },
@@ -53,7 +53,7 @@ const comp: AppRouteModule = {
         {
           path: 'refForm',
           name: 'RefFormDemo',
-          component: () => import('/@/views/demo/form/RefForm.vue'),
+          component: () => import('@/views/demo/form/RefForm.vue'),
           meta: {
             title: t('routes.demo.form.refForm'),
           },
@@ -61,7 +61,7 @@ const comp: AppRouteModule = {
         {
           path: 'advancedForm',
           name: 'AdvancedFormDemo',
-          component: () => import('/@/views/demo/form/AdvancedForm.vue'),
+          component: () => import('@/views/demo/form/AdvancedForm.vue'),
           meta: {
             title: t('routes.demo.form.advancedForm'),
           },
@@ -69,7 +69,7 @@ const comp: AppRouteModule = {
         {
           path: 'ruleForm',
           name: 'RuleFormDemo',
-          component: () => import('/@/views/demo/form/RuleForm.vue'),
+          component: () => import('@/views/demo/form/RuleForm.vue'),
           meta: {
             title: t('routes.demo.form.ruleForm'),
           },
@@ -77,7 +77,7 @@ const comp: AppRouteModule = {
         {
           path: 'dynamicForm',
           name: 'DynamicFormDemo',
-          component: () => import('/@/views/demo/form/DynamicForm.vue'),
+          component: () => import('@/views/demo/form/DynamicForm.vue'),
           meta: {
             title: t('routes.demo.form.dynamicForm'),
           },
@@ -85,7 +85,7 @@ const comp: AppRouteModule = {
         {
           path: 'customerForm',
           name: 'CustomerFormDemo',
-          component: () => import('/@/views/demo/form/CustomerForm.vue'),
+          component: () => import('@/views/demo/form/CustomerForm.vue'),
           meta: {
             title: t('routes.demo.form.customerForm'),
           },
@@ -93,7 +93,7 @@ const comp: AppRouteModule = {
         {
           path: 'appendForm',
           name: 'appendFormDemo',
-          component: () => import('/@/views/demo/form/AppendForm.vue'),
+          component: () => import('@/views/demo/form/AppendForm.vue'),
           meta: {
             title: t('routes.demo.form.appendForm'),
           },
@@ -101,7 +101,7 @@ const comp: AppRouteModule = {
         {
           path: 'tabsForm',
           name: 'tabsFormDemo',
-          component: () => import('/@/views/demo/form/TabsForm.vue'),
+          component: () => import('@/views/demo/form/TabsForm.vue'),
           meta: {
             title: t('routes.demo.form.tabsForm'),
           },
@@ -122,7 +122,7 @@ const comp: AppRouteModule = {
         {
           path: 'basic',
           name: 'TableBasicDemo',
-          component: () => import('/@/views/demo/table/Basic.vue'),
+          component: () => import('@/views/demo/table/Basic.vue'),
           meta: {
             title: t('routes.demo.table.basic'),
           },
@@ -130,7 +130,7 @@ const comp: AppRouteModule = {
         {
           path: 'treeTable',
           name: 'TreeTableDemo',
-          component: () => import('/@/views/demo/table/TreeTable.vue'),
+          component: () => import('@/views/demo/table/TreeTable.vue'),
           meta: {
             title: t('routes.demo.table.treeTable'),
           },
@@ -138,7 +138,7 @@ const comp: AppRouteModule = {
         {
           path: 'fetchTable',
           name: 'FetchTableDemo',
-          component: () => import('/@/views/demo/table/FetchTable.vue'),
+          component: () => import('@/views/demo/table/FetchTable.vue'),
           meta: {
             title: t('routes.demo.table.fetchTable'),
           },
@@ -146,7 +146,7 @@ const comp: AppRouteModule = {
         {
           path: 'fixedColumn',
           name: 'FixedColumnDemo',
-          component: () => import('/@/views/demo/table/FixedColumn.vue'),
+          component: () => import('@/views/demo/table/FixedColumn.vue'),
           meta: {
             title: t('routes.demo.table.fixedColumn'),
           },
@@ -154,7 +154,7 @@ const comp: AppRouteModule = {
         {
           path: 'customerCell',
           name: 'CustomerCellDemo',
-          component: () => import('/@/views/demo/table/CustomerCell.vue'),
+          component: () => import('@/views/demo/table/CustomerCell.vue'),
           meta: {
             title: t('routes.demo.table.customerCell'),
           },
@@ -162,7 +162,7 @@ const comp: AppRouteModule = {
         {
           path: 'formTable',
           name: 'FormTableDemo',
-          component: () => import('/@/views/demo/table/FormTable.vue'),
+          component: () => import('@/views/demo/table/FormTable.vue'),
           meta: {
             title: t('routes.demo.table.formTable'),
           },
@@ -170,7 +170,7 @@ const comp: AppRouteModule = {
         {
           path: 'useTable',
           name: 'UseTableDemo',
-          component: () => import('/@/views/demo/table/UseTable.vue'),
+          component: () => import('@/views/demo/table/UseTable.vue'),
           meta: {
             title: t('routes.demo.table.useTable'),
           },
@@ -178,7 +178,7 @@ const comp: AppRouteModule = {
         {
           path: 'refTable',
           name: 'RefTableDemo',
-          component: () => import('/@/views/demo/table/RefTable.vue'),
+          component: () => import('@/views/demo/table/RefTable.vue'),
           meta: {
             title: t('routes.demo.table.refTable'),
           },
@@ -186,7 +186,7 @@ const comp: AppRouteModule = {
         {
           path: 'multipleHeader',
           name: 'MultipleHeaderDemo',
-          component: () => import('/@/views/demo/table/MultipleHeader.vue'),
+          component: () => import('@/views/demo/table/MultipleHeader.vue'),
           meta: {
             title: t('routes.demo.table.multipleHeader'),
           },
@@ -194,7 +194,7 @@ const comp: AppRouteModule = {
         {
           path: 'mergeHeader',
           name: 'MergeHeaderDemo',
-          component: () => import('/@/views/demo/table/MergeHeader.vue'),
+          component: () => import('@/views/demo/table/MergeHeader.vue'),
           meta: {
             title: t('routes.demo.table.mergeHeader'),
           },
@@ -202,7 +202,7 @@ const comp: AppRouteModule = {
         {
           path: 'expandTable',
           name: 'ExpandTableDemo',
-          component: () => import('/@/views/demo/table/ExpandTable.vue'),
+          component: () => import('@/views/demo/table/ExpandTable.vue'),
           meta: {
             title: t('routes.demo.table.expandTable'),
           },
@@ -210,7 +210,7 @@ const comp: AppRouteModule = {
         {
           path: 'fixedHeight',
           name: 'FixedHeightDemo',
-          component: () => import('/@/views/demo/table/FixedHeight.vue'),
+          component: () => import('@/views/demo/table/FixedHeight.vue'),
           meta: {
             title: t('routes.demo.table.fixedHeight'),
           },
@@ -218,7 +218,7 @@ const comp: AppRouteModule = {
         {
           path: 'footerTable',
           name: 'FooterTableDemo',
-          component: () => import('/@/views/demo/table/FooterTable.vue'),
+          component: () => import('@/views/demo/table/FooterTable.vue'),
           meta: {
             title: t('routes.demo.table.footerTable'),
           },
@@ -226,7 +226,7 @@ const comp: AppRouteModule = {
         {
           path: 'editCellTable',
           name: 'EditCellTableDemo',
-          component: () => import('/@/views/demo/table/EditCellTable.vue'),
+          component: () => import('@/views/demo/table/EditCellTable.vue'),
           meta: {
             title: t('routes.demo.table.editCellTable'),
           },
@@ -234,7 +234,7 @@ const comp: AppRouteModule = {
         {
           path: 'editRowTable',
           name: 'EditRowTableDemo',
-          component: () => import('/@/views/demo/table/EditRowTable.vue'),
+          component: () => import('@/views/demo/table/EditRowTable.vue'),
           meta: {
             title: t('routes.demo.table.editRowTable'),
           },
@@ -242,7 +242,7 @@ const comp: AppRouteModule = {
         {
           path: 'authColumn',
           name: 'AuthColumnDemo',
-          component: () => import('/@/views/demo/table/AuthColumn.vue'),
+          component: () => import('@/views/demo/table/AuthColumn.vue'),
           meta: {
             title: t('routes.demo.table.authColumn'),
           },
@@ -250,7 +250,7 @@ const comp: AppRouteModule = {
         {
           path: 'resizeParentHeightTable',
           name: 'ResizeParentHeightTable',
-          component: () => import('/@/views/demo/table/ResizeParentHeightTable.vue'),
+          component: () => import('@/views/demo/table/ResizeParentHeightTable.vue'),
           meta: {
             title: t('routes.demo.table.resizeParentHeightTable'),
           },
@@ -258,7 +258,7 @@ const comp: AppRouteModule = {
         {
           path: 'vxeTable',
           name: 'VxeTableDemo',
-          component: () => import('/@/views/demo/table/VxeTable.vue'),
+          component: () => import('@/views/demo/table/VxeTable.vue'),
           meta: {
             title: t('routes.demo.table.vxeTable'),
           },
@@ -268,7 +268,7 @@ const comp: AppRouteModule = {
     {
       path: 'transition',
       name: 'transitionDemo',
-      component: () => import('/@/views/demo/comp/transition/index.vue'),
+      component: () => import('@/views/demo/comp/transition/index.vue'),
       meta: {
         title: t('routes.demo.comp.transition'),
       },
@@ -276,7 +276,7 @@ const comp: AppRouteModule = {
     {
       path: 'cropper',
       name: 'CropperDemo',
-      component: () => import('/@/views/demo/comp/cropper/index.vue'),
+      component: () => import('@/views/demo/comp/cropper/index.vue'),
       meta: {
         title: t('routes.demo.comp.cropperImage'),
       },
@@ -285,7 +285,7 @@ const comp: AppRouteModule = {
     {
       path: 'timestamp',
       name: 'TimeDemo',
-      component: () => import('/@/views/demo/comp/time/index.vue'),
+      component: () => import('@/views/demo/comp/time/index.vue'),
       meta: {
         title: t('routes.demo.comp.time'),
       },
@@ -293,7 +293,7 @@ const comp: AppRouteModule = {
     {
       path: 'countTo',
       name: 'CountTo',
-      component: () => import('/@/views/demo/comp/count-to/index.vue'),
+      component: () => import('@/views/demo/comp/count-to/index.vue'),
       meta: {
         title: t('routes.demo.comp.countTo'),
       },
@@ -311,7 +311,7 @@ const comp: AppRouteModule = {
         {
           path: 'basic',
           name: 'BasicTreeDemo',
-          component: () => import('/@/views/demo/tree/index.vue'),
+          component: () => import('@/views/demo/tree/index.vue'),
           meta: {
             title: t('routes.demo.comp.treeBasic'),
           },
@@ -319,7 +319,7 @@ const comp: AppRouteModule = {
         {
           path: 'editTree',
           name: 'EditTreeDemo',
-          component: () => import('/@/views/demo/tree/EditTree.vue'),
+          component: () => import('@/views/demo/tree/EditTree.vue'),
           meta: {
             title: t('routes.demo.comp.editTree'),
           },
@@ -327,7 +327,7 @@ const comp: AppRouteModule = {
         {
           path: 'actionTree',
           name: 'ActionTreeDemo',
-          component: () => import('/@/views/demo/tree/ActionTree.vue'),
+          component: () => import('@/views/demo/tree/ActionTree.vue'),
           meta: {
             title: t('routes.demo.comp.actionTree'),
           },
@@ -346,7 +346,7 @@ const comp: AppRouteModule = {
       children: [
         {
           path: 'json',
-          component: () => import('/@/views/demo/editor/json/index.vue'),
+          component: () => import('@/views/demo/editor/json/index.vue'),
           name: 'JsonEditorDemo',
           meta: {
             title: t('routes.demo.editor.jsonEditor'),
@@ -364,7 +364,7 @@ const comp: AppRouteModule = {
             {
               path: 'index',
               name: 'MarkDownBasicDemo',
-              component: () => import('/@/views/demo/editor/markdown/index.vue'),
+              component: () => import('@/views/demo/editor/markdown/index.vue'),
               meta: {
                 title: t('routes.demo.editor.tinymceBasic'),
               },
@@ -372,7 +372,7 @@ const comp: AppRouteModule = {
             {
               path: 'editor',
               name: 'MarkDownFormDemo',
-              component: () => import('/@/views/demo/editor/markdown/Editor.vue'),
+              component: () => import('@/views/demo/editor/markdown/Editor.vue'),
               meta: {
                 title: t('routes.demo.editor.tinymceForm'),
               },
@@ -392,7 +392,7 @@ const comp: AppRouteModule = {
             {
               path: 'index',
               name: 'TinymceBasicDemo',
-              component: () => import('/@/views/demo/editor/tinymce/index.vue'),
+              component: () => import('@/views/demo/editor/tinymce/index.vue'),
               meta: {
                 title: t('routes.demo.editor.tinymceBasic'),
               },
@@ -400,7 +400,7 @@ const comp: AppRouteModule = {
             {
               path: 'editor',
               name: 'TinymceFormDemo',
-              component: () => import('/@/views/demo/editor/tinymce/Editor.vue'),
+              component: () => import('@/views/demo/editor/tinymce/Editor.vue'),
               meta: {
                 title: t('routes.demo.editor.tinymceForm'),
               },
@@ -421,7 +421,7 @@ const comp: AppRouteModule = {
         {
           path: 'basic',
           name: 'BasicScrollDemo',
-          component: () => import('/@/views/demo/comp/scroll/index.vue'),
+          component: () => import('@/views/demo/comp/scroll/index.vue'),
           meta: {
             title: t('routes.demo.comp.scrollBasic'),
           },
@@ -429,7 +429,7 @@ const comp: AppRouteModule = {
         {
           path: 'action',
           name: 'ActionScrollDemo',
-          component: () => import('/@/views/demo/comp/scroll/Action.vue'),
+          component: () => import('@/views/demo/comp/scroll/Action.vue'),
           meta: {
             title: t('routes.demo.comp.scrollAction'),
           },
@@ -437,7 +437,7 @@ const comp: AppRouteModule = {
         {
           path: 'virtualScroll',
           name: 'VirtualScrollDemo',
-          component: () => import('/@/views/demo/comp/scroll/VirtualScroll.vue'),
+          component: () => import('@/views/demo/comp/scroll/VirtualScroll.vue'),
           meta: {
             title: t('routes.demo.comp.virtualScroll'),
           },
@@ -448,7 +448,7 @@ const comp: AppRouteModule = {
     {
       path: 'modal',
       name: 'ModalDemo',
-      component: () => import('/@/views/demo/comp/modal/index.vue'),
+      component: () => import('@/views/demo/comp/modal/index.vue'),
       meta: {
         title: t('routes.demo.comp.modal'),
       },
@@ -456,7 +456,7 @@ const comp: AppRouteModule = {
     {
       path: 'drawer',
       name: 'DrawerDemo',
-      component: () => import('/@/views/demo/comp/drawer/index.vue'),
+      component: () => import('@/views/demo/comp/drawer/index.vue'),
       meta: {
         title: t('routes.demo.comp.drawer'),
       },
@@ -464,7 +464,7 @@ const comp: AppRouteModule = {
     {
       path: 'desc',
       name: 'DescDemo',
-      component: () => import('/@/views/demo/comp/desc/index.vue'),
+      component: () => import('@/views/demo/comp/desc/index.vue'),
       meta: {
         title: t('routes.demo.comp.desc'),
       },
@@ -482,7 +482,7 @@ const comp: AppRouteModule = {
         {
           path: 'drag',
           name: 'VerifyDragDemo',
-          component: () => import('/@/views/demo/comp/verify/index.vue'),
+          component: () => import('@/views/demo/comp/verify/index.vue'),
           meta: {
             title: t('routes.demo.comp.verifyDrag'),
           },
@@ -490,7 +490,7 @@ const comp: AppRouteModule = {
         {
           path: 'rotate',
           name: 'VerifyRotateDemo',
-          component: () => import('/@/views/demo/comp/verify/Rotate.vue'),
+          component: () => import('@/views/demo/comp/verify/Rotate.vue'),
           meta: {
             title: t('routes.demo.comp.verifyRotate'),
           },
@@ -502,7 +502,7 @@ const comp: AppRouteModule = {
     {
       path: 'qrcode',
       name: 'QrCodeDemo',
-      component: () => import('/@/views/demo/comp/qrcode/index.vue'),
+      component: () => import('@/views/demo/comp/qrcode/index.vue'),
       meta: {
         title: t('routes.demo.comp.qrcode'),
       },
@@ -510,7 +510,7 @@ const comp: AppRouteModule = {
     {
       path: 'strength-meter',
       name: 'StrengthMeterDemo',
-      component: () => import('/@/views/demo/comp/strength-meter/index.vue'),
+      component: () => import('@/views/demo/comp/strength-meter/index.vue'),
       meta: {
         title: t('routes.demo.comp.strength'),
       },
@@ -518,7 +518,7 @@ const comp: AppRouteModule = {
     {
       path: 'upload',
       name: 'UploadDemo',
-      component: () => import('/@/views/demo/comp/upload/index.vue'),
+      component: () => import('@/views/demo/comp/upload/index.vue'),
       meta: {
         title: t('routes.demo.comp.upload'),
       },
@@ -526,7 +526,7 @@ const comp: AppRouteModule = {
     {
       path: 'loading',
       name: 'LoadingDemo',
-      component: () => import('/@/views/demo/comp/loading/index.vue'),
+      component: () => import('@/views/demo/comp/loading/index.vue'),
       meta: {
         title: t('routes.demo.comp.loading'),
       },
@@ -534,7 +534,7 @@ const comp: AppRouteModule = {
     {
       path: 'cardList',
       name: 'CardListDemo',
-      component: () => import('/@/views/demo/comp/card-list/index.vue'),
+      component: () => import('@/views/demo/comp/card-list/index.vue'),
       meta: {
         title: t('routes.demo.comp.cardList'),
       },
diff --git a/src/router/routes/modules/demo/feat.ts b/src/router/routes/modules/demo/feat.ts
index 3dee86fc..1435ae22 100644
--- a/src/router/routes/modules/demo/feat.ts
+++ b/src/router/routes/modules/demo/feat.ts
@@ -1,7 +1,7 @@
-import type { AppRouteModule } from '/@/router/types';
+import type { AppRouteModule } from '@/router/types';
 
-import { getParentLayout, LAYOUT } from '/@/router/constant';
-import { t } from '/@/hooks/web/useI18n';
+import { getParentLayout, LAYOUT } from '@/router/constant';
+import { t } from '@/hooks/web/useI18n';
 
 const feat: AppRouteModule = {
   path: '/feat',
@@ -18,7 +18,7 @@ const feat: AppRouteModule = {
     {
       path: 'icon',
       name: 'IconDemo',
-      component: () => import('/@/views/demo/feat/icon/index.vue'),
+      component: () => import('@/views/demo/feat/icon/index.vue'),
       meta: {
         title: t('routes.demo.feat.icon'),
       },
@@ -26,7 +26,7 @@ const feat: AppRouteModule = {
     {
       path: 'ws',
       name: 'WebSocket',
-      component: () => import('/@/views/demo/feat/ws/index.vue'),
+      component: () => import('@/views/demo/feat/ws/index.vue'),
       meta: {
         title: t('routes.demo.feat.ws'),
       },
@@ -35,7 +35,7 @@ const feat: AppRouteModule = {
       path: 'request',
       name: 'RequestDemo',
       // @ts-ignore
-      component: () => import('/@/views/demo/feat/request-demo/index.vue'),
+      component: () => import('@/views/demo/feat/request-demo/index.vue'),
       meta: {
         title: t('routes.demo.feat.requestDemo'),
       },
@@ -43,7 +43,7 @@ const feat: AppRouteModule = {
     {
       path: 'session-timeout',
       name: 'SessionTimeout',
-      component: () => import('/@/views/demo/feat/session-timeout/index.vue'),
+      component: () => import('@/views/demo/feat/session-timeout/index.vue'),
       meta: {
         title: t('routes.demo.feat.sessionTimeout'),
       },
@@ -51,7 +51,7 @@ const feat: AppRouteModule = {
     {
       path: 'print',
       name: 'Print',
-      component: () => import('/@/views/demo/feat/print/index.vue'),
+      component: () => import('@/views/demo/feat/print/index.vue'),
       meta: {
         title: t('routes.demo.feat.print'),
       },
@@ -59,7 +59,7 @@ const feat: AppRouteModule = {
     {
       path: 'tabs',
       name: 'TabsDemo',
-      component: () => import('/@/views/demo/feat/tabs/index.vue'),
+      component: () => import('@/views/demo/feat/tabs/index.vue'),
       meta: {
         title: t('routes.demo.feat.tabs'),
         hideChildrenInMenu: true,
@@ -68,7 +68,7 @@ const feat: AppRouteModule = {
         {
           path: 'detail/:id',
           name: 'TabDetail',
-          component: () => import('/@/views/demo/feat/tabs/TabDetail.vue'),
+          component: () => import('@/views/demo/feat/tabs/TabDetail.vue'),
           meta: {
             currentActiveMenu: '/feat/tabs',
             title: t('routes.demo.feat.tabDetail'),
@@ -92,7 +92,7 @@ const feat: AppRouteModule = {
         {
           path: 'flat',
           name: 'BreadcrumbFlatDemo',
-          component: () => import('/@/views/demo/feat/breadcrumb/FlatList.vue'),
+          component: () => import('@/views/demo/feat/breadcrumb/FlatList.vue'),
           meta: {
             title: t('routes.demo.feat.breadcrumbFlat'),
           },
@@ -100,7 +100,7 @@ const feat: AppRouteModule = {
         {
           path: 'flatDetail',
           name: 'BreadcrumbFlatDetailDemo',
-          component: () => import('/@/views/demo/feat/breadcrumb/FlatListDetail.vue'),
+          component: () => import('@/views/demo/feat/breadcrumb/FlatListDetail.vue'),
           meta: {
             title: t('routes.demo.feat.breadcrumbFlatDetail'),
             hideMenu: true,
@@ -111,7 +111,7 @@ const feat: AppRouteModule = {
         {
           path: 'children',
           name: 'BreadcrumbChildrenDemo',
-          component: () => import('/@/views/demo/feat/breadcrumb/ChildrenList.vue'),
+          component: () => import('@/views/demo/feat/breadcrumb/ChildrenList.vue'),
           meta: {
             title: t('routes.demo.feat.breadcrumbChildren'),
           },
@@ -119,7 +119,7 @@ const feat: AppRouteModule = {
             {
               path: 'childrenDetail',
               name: 'BreadcrumbChildrenDetailDemo',
-              component: () => import('/@/views/demo/feat/breadcrumb/ChildrenListDetail.vue'),
+              component: () => import('@/views/demo/feat/breadcrumb/ChildrenListDetail.vue'),
               meta: {
                 currentActiveMenu: '/feat/breadcrumb/children',
                 title: t('routes.demo.feat.breadcrumbChildrenDetail'),
@@ -135,7 +135,7 @@ const feat: AppRouteModule = {
     {
       path: 'context-menu',
       name: 'ContextMenuDemo',
-      component: () => import('/@/views/demo/feat/context-menu/index.vue'),
+      component: () => import('@/views/demo/feat/context-menu/index.vue'),
       meta: {
         title: t('routes.demo.feat.contextMenu'),
       },
@@ -143,7 +143,7 @@ const feat: AppRouteModule = {
     {
       path: 'download',
       name: 'DownLoadDemo',
-      component: () => import('/@/views/demo/feat/download/index.vue'),
+      component: () => import('@/views/demo/feat/download/index.vue'),
       meta: {
         title: t('routes.demo.feat.download'),
       },
@@ -151,7 +151,7 @@ const feat: AppRouteModule = {
     {
       path: 'click-out-side',
       name: 'ClickOutSideDemo',
-      component: () => import('/@/views/demo/feat/click-out-side/index.vue'),
+      component: () => import('@/views/demo/feat/click-out-side/index.vue'),
       meta: {
         title: t('routes.demo.feat.clickOutSide'),
       },
@@ -159,7 +159,7 @@ const feat: AppRouteModule = {
     {
       path: 'img-preview',
       name: 'ImgPreview',
-      component: () => import('/@/views/demo/feat/img-preview/index.vue'),
+      component: () => import('@/views/demo/feat/img-preview/index.vue'),
       meta: {
         title: t('routes.demo.feat.imgPreview'),
       },
@@ -167,7 +167,7 @@ const feat: AppRouteModule = {
     {
       path: 'copy',
       name: 'CopyDemo',
-      component: () => import('/@/views/demo/feat/copy/index.vue'),
+      component: () => import('@/views/demo/feat/copy/index.vue'),
       meta: {
         title: t('routes.demo.feat.copy'),
       },
@@ -175,7 +175,7 @@ const feat: AppRouteModule = {
     {
       path: 'ellipsis',
       name: 'EllipsisDemo',
-      component: () => import('/@/views/demo/feat/ellipsis/index.vue'),
+      component: () => import('@/views/demo/feat/ellipsis/index.vue'),
       meta: {
         title: t('routes.demo.feat.ellipsis'),
       },
@@ -183,7 +183,7 @@ const feat: AppRouteModule = {
     {
       path: 'msg',
       name: 'MsgDemo',
-      component: () => import('/@/views/demo/feat/msg/index.vue'),
+      component: () => import('@/views/demo/feat/msg/index.vue'),
       meta: {
         title: t('routes.demo.feat.msg'),
       },
@@ -191,7 +191,7 @@ const feat: AppRouteModule = {
     {
       path: 'watermark',
       name: 'WatermarkDemo',
-      component: () => import('/@/views/demo/feat/watermark/index.vue'),
+      component: () => import('@/views/demo/feat/watermark/index.vue'),
       meta: {
         title: t('routes.demo.feat.watermark'),
       },
@@ -199,7 +199,7 @@ const feat: AppRouteModule = {
     {
       path: 'ripple',
       name: 'RippleDemo',
-      component: () => import('/@/views/demo/feat/ripple/index.vue'),
+      component: () => import('@/views/demo/feat/ripple/index.vue'),
       meta: {
         title: t('routes.demo.feat.ripple'),
       },
@@ -207,7 +207,7 @@ const feat: AppRouteModule = {
     {
       path: 'full-screen',
       name: 'FullScreenDemo',
-      component: () => import('/@/views/demo/feat/full-screen/index.vue'),
+      component: () => import('@/views/demo/feat/full-screen/index.vue'),
       meta: {
         title: t('routes.demo.feat.fullScreen'),
       },
@@ -215,7 +215,7 @@ const feat: AppRouteModule = {
     {
       path: '/error-log',
       name: 'ErrorLog',
-      component: () => import('/@/views/sys/error-log/index.vue'),
+      component: () => import('@/views/sys/error-log/index.vue'),
       meta: {
         title: t('routes.demo.feat.errorLog'),
       },
@@ -234,7 +234,7 @@ const feat: AppRouteModule = {
         {
           path: 'customExport',
           name: 'CustomExport',
-          component: () => import('/@/views/demo/excel/CustomExport.vue'),
+          component: () => import('@/views/demo/excel/CustomExport.vue'),
           meta: {
             title: t('routes.demo.excel.customExport'),
           },
@@ -242,7 +242,7 @@ const feat: AppRouteModule = {
         {
           path: 'jsonExport',
           name: 'JsonExport',
-          component: () => import('/@/views/demo/excel/JsonExport.vue'),
+          component: () => import('@/views/demo/excel/JsonExport.vue'),
           meta: {
             title: t('routes.demo.excel.jsonExport'),
           },
@@ -250,7 +250,7 @@ const feat: AppRouteModule = {
         {
           path: 'arrayExport',
           name: 'ArrayExport',
-          component: () => import('/@/views/demo/excel/ArrayExport.vue'),
+          component: () => import('@/views/demo/excel/ArrayExport.vue'),
           meta: {
             title: t('routes.demo.excel.arrayExport'),
           },
@@ -258,7 +258,7 @@ const feat: AppRouteModule = {
         {
           path: 'importExcel',
           name: 'ImportExcel',
-          component: () => import('/@/views/demo/excel/ImportExcel.vue'),
+          component: () => import('@/views/demo/excel/ImportExcel.vue'),
           meta: {
             title: t('routes.demo.excel.importExcel'),
           },
@@ -268,7 +268,7 @@ const feat: AppRouteModule = {
     {
       path: 'testTab/:id',
       name: 'TestTab',
-      component: () => import('/@/views/demo/feat/tab-params/index.vue'),
+      component: () => import('@/views/demo/feat/tab-params/index.vue'),
       meta: {
         title: t('routes.demo.feat.tab'),
         carryParam: true,
@@ -278,7 +278,7 @@ const feat: AppRouteModule = {
         {
           path: 'testTab/id1',
           name: 'TestTab1',
-          component: () => import('/@/views/demo/feat/tab-params/index.vue'),
+          component: () => import('@/views/demo/feat/tab-params/index.vue'),
           meta: {
             title: t('routes.demo.feat.tab1'),
             carryParam: true,
@@ -288,7 +288,7 @@ const feat: AppRouteModule = {
         {
           path: 'testTab/id2',
           name: 'TestTab2',
-          component: () => import('/@/views/demo/feat/tab-params/index.vue'),
+          component: () => import('@/views/demo/feat/tab-params/index.vue'),
           meta: {
             title: t('routes.demo.feat.tab2'),
             carryParam: true,
@@ -309,7 +309,7 @@ const feat: AppRouteModule = {
         {
           path: 'sub1',
           name: 'TestParam_1',
-          component: () => import('/@/views/demo/feat/menu-params/index.vue'),
+          component: () => import('@/views/demo/feat/menu-params/index.vue'),
           meta: {
             title: t('routes.demo.feat.menu1'),
             ignoreKeepAlive: true,
@@ -318,7 +318,7 @@ const feat: AppRouteModule = {
         {
           path: 'sub2',
           name: 'TestParam_2',
-          component: () => import('/@/views/demo/feat/menu-params/index.vue'),
+          component: () => import('@/views/demo/feat/menu-params/index.vue'),
           meta: {
             title: t('routes.demo.feat.menu2'),
             ignoreKeepAlive: true,
diff --git a/src/router/routes/modules/demo/flow.ts b/src/router/routes/modules/demo/flow.ts
index 4654c9b9..1aa24848 100644
--- a/src/router/routes/modules/demo/flow.ts
+++ b/src/router/routes/modules/demo/flow.ts
@@ -1,7 +1,7 @@
-import type { AppRouteModule } from '/@/router/types';
+import type { AppRouteModule } from '@/router/types';
 
-import { LAYOUT } from '/@/router/constant';
-import { t } from '/@/hooks/web/useI18n';
+import { LAYOUT } from '@/router/constant';
+import { t } from '@/hooks/web/useI18n';
 
 const charts: AppRouteModule = {
   path: '/flow',
@@ -17,7 +17,7 @@ const charts: AppRouteModule = {
     {
       path: 'flowChart',
       name: 'flowChartDemo',
-      component: () => import('/@/views/demo/comp/flow-chart/index.vue'),
+      component: () => import('@/views/demo/comp/flow-chart/index.vue'),
       meta: {
         title: t('routes.demo.flow.flowChart'),
       },
diff --git a/src/router/routes/modules/demo/iframe.ts b/src/router/routes/modules/demo/iframe.ts
index 9a3eaa88..339aea9c 100644
--- a/src/router/routes/modules/demo/iframe.ts
+++ b/src/router/routes/modules/demo/iframe.ts
@@ -1,9 +1,9 @@
-import type { AppRouteModule } from '/@/router/types';
+import type { AppRouteModule } from '@/router/types';
 
-import { LAYOUT } from '/@/router/constant';
-import { t } from '/@/hooks/web/useI18n';
+import { LAYOUT } from '@/router/constant';
+import { t } from '@/hooks/web/useI18n';
 
-const IFrame = () => import('/@/views/sys/iframe/FrameBlank.vue');
+const IFrame = () => import('@/views/sys/iframe/FrameBlank.vue');
 
 const iframe: AppRouteModule = {
   path: '/frame',
diff --git a/src/router/routes/modules/demo/level.ts b/src/router/routes/modules/demo/level.ts
index 3cee3755..1bf13a64 100644
--- a/src/router/routes/modules/demo/level.ts
+++ b/src/router/routes/modules/demo/level.ts
@@ -1,7 +1,7 @@
-import type { AppRouteModule } from '/@/router/types';
+import type { AppRouteModule } from '@/router/types';
 
-import { getParentLayout, LAYOUT } from '/@/router/constant';
-import { t } from '/@/hooks/web/useI18n';
+import { getParentLayout, LAYOUT } from '@/router/constant';
+import { t } from '@/hooks/web/useI18n';
 
 const permission: AppRouteModule = {
   path: '/level',
@@ -36,7 +36,7 @@ const permission: AppRouteModule = {
             {
               path: 'menu1-1-1',
               name: 'Menu111Demo',
-              component: () => import('/@/views/demo/level/Menu111.vue'),
+              component: () => import('@/views/demo/level/Menu111.vue'),
               meta: {
                 title: 'Menu111',
               },
@@ -46,7 +46,7 @@ const permission: AppRouteModule = {
         {
           path: 'menu1-2',
           name: 'Menu12Demo',
-          component: () => import('/@/views/demo/level/Menu12.vue'),
+          component: () => import('@/views/demo/level/Menu12.vue'),
           meta: {
             title: 'Menu1-2',
           },
@@ -56,7 +56,7 @@ const permission: AppRouteModule = {
     {
       path: 'menu2',
       name: 'Menu2Demo',
-      component: () => import('/@/views/demo/level/Menu2.vue'),
+      component: () => import('@/views/demo/level/Menu2.vue'),
       meta: {
         title: 'Menu2',
         // ignoreKeepAlive: true,
diff --git a/src/router/routes/modules/demo/page.ts b/src/router/routes/modules/demo/page.ts
index 17ab276a..32956b9c 100644
--- a/src/router/routes/modules/demo/page.ts
+++ b/src/router/routes/modules/demo/page.ts
@@ -1,10 +1,10 @@
-import type { AppRouteModule } from '/@/router/types';
+import type { AppRouteModule } from '@/router/types';
 
-import { getParentLayout, LAYOUT } from '/@/router/constant';
-import { ExceptionEnum } from '/@/enums/exceptionEnum';
-import { t } from '/@/hooks/web/useI18n';
+import { getParentLayout, LAYOUT } from '@/router/constant';
+import { ExceptionEnum } from '@/enums/exceptionEnum';
+import { t } from '@/hooks/web/useI18n';
 
-const ExceptionPage = () => import('/@/views/sys/exception/Exception.vue');
+const ExceptionPage = () => import('@/views/sys/exception/Exception.vue');
 
 const page: AppRouteModule = {
   path: '/page-demo',
@@ -30,7 +30,7 @@ const page: AppRouteModule = {
         {
           path: 'basic',
           name: 'FormBasicPage',
-          component: () => import('/@/views/demo/page/form/basic/index.vue'),
+          component: () => import('@/views/demo/page/form/basic/index.vue'),
           meta: {
             title: t('routes.demo.page.formBasic'),
           },
@@ -38,7 +38,7 @@ const page: AppRouteModule = {
         {
           path: 'step',
           name: 'FormStepPage',
-          component: () => import('/@/views/demo/page/form/step/index.vue'),
+          component: () => import('@/views/demo/page/form/step/index.vue'),
           meta: {
             title: t('routes.demo.page.formStep'),
           },
@@ -46,7 +46,7 @@ const page: AppRouteModule = {
         {
           path: 'high',
           name: 'FormHightPage',
-          component: () => import('/@/views/demo/page/form/high/index.vue'),
+          component: () => import('@/views/demo/page/form/high/index.vue'),
           meta: {
             title: t('routes.demo.page.formHigh'),
           },
@@ -67,7 +67,7 @@ const page: AppRouteModule = {
         {
           path: 'basic',
           name: 'DescBasicPage',
-          component: () => import('/@/views/demo/page/desc/basic/index.vue'),
+          component: () => import('@/views/demo/page/desc/basic/index.vue'),
           meta: {
             title: t('routes.demo.page.descBasic'),
           },
@@ -75,7 +75,7 @@ const page: AppRouteModule = {
         {
           path: 'high',
           name: 'DescHighPage',
-          component: () => import('/@/views/demo/page/desc/high/index.vue'),
+          component: () => import('@/views/demo/page/desc/high/index.vue'),
           meta: {
             title: t('routes.demo.page.descHigh'),
           },
@@ -98,7 +98,7 @@ const page: AppRouteModule = {
         {
           path: 'success',
           name: 'ResultSuccessPage',
-          component: () => import('/@/views/demo/page/result/success/index.vue'),
+          component: () => import('@/views/demo/page/result/success/index.vue'),
           meta: {
             title: t('routes.demo.page.resultSuccess'),
           },
@@ -106,7 +106,7 @@ const page: AppRouteModule = {
         {
           path: 'fail',
           name: 'ResultFailPage',
-          component: () => import('/@/views/demo/page/result/fail/index.vue'),
+          component: () => import('@/views/demo/page/result/fail/index.vue'),
           meta: {
             title: t('routes.demo.page.resultFail'),
           },
@@ -128,7 +128,7 @@ const page: AppRouteModule = {
         {
           path: 'center',
           name: 'AccountCenterPage',
-          component: () => import('/@/views/demo/page/account/center/index.vue'),
+          component: () => import('@/views/demo/page/account/center/index.vue'),
           meta: {
             title: t('routes.demo.page.accountCenter'),
           },
@@ -136,7 +136,7 @@ const page: AppRouteModule = {
         {
           path: 'setting',
           name: 'AccountSettingPage',
-          component: () => import('/@/views/demo/page/account/setting/index.vue'),
+          component: () => import('@/views/demo/page/account/setting/index.vue'),
           meta: {
             title: t('routes.demo.page.accountSetting'),
           },
@@ -225,7 +225,7 @@ const page: AppRouteModule = {
         {
           path: 'basic',
           name: 'ListBasicPage',
-          component: () => import('/@/views/demo/page/list/basic/index.vue'),
+          component: () => import('@/views/demo/page/list/basic/index.vue'),
           meta: {
             title: t('routes.demo.page.listBasic'),
           },
@@ -233,7 +233,7 @@ const page: AppRouteModule = {
         {
           path: 'card',
           name: 'ListCardPage',
-          component: () => import('/@/views/demo/page/list/card/index.vue'),
+          component: () => import('@/views/demo/page/list/card/index.vue'),
           meta: {
             title: t('routes.demo.page.listCard'),
           },
@@ -241,7 +241,7 @@ const page: AppRouteModule = {
         {
           path: 'search',
           name: 'ListSearchPage',
-          component: () => import('/@/views/demo/page/list/search/index.vue'),
+          component: () => import('@/views/demo/page/list/search/index.vue'),
           meta: {
             title: t('routes.demo.page.listSearch'),
           },
diff --git a/src/router/routes/modules/demo/permission.ts b/src/router/routes/modules/demo/permission.ts
index e8763628..82054ffd 100644
--- a/src/router/routes/modules/demo/permission.ts
+++ b/src/router/routes/modules/demo/permission.ts
@@ -1,8 +1,8 @@
-import type { AppRouteModule } from '/@/router/types';
+import type { AppRouteModule } from '@/router/types';
 
-import { getParentLayout, LAYOUT } from '/@/router/constant';
-import { RoleEnum } from '/@/enums/roleEnum';
-import { t } from '/@/hooks/web/useI18n';
+import { getParentLayout, LAYOUT } from '@/router/constant';
+import { RoleEnum } from '@/enums/roleEnum';
+import { t } from '@/hooks/web/useI18n';
 
 const permission: AppRouteModule = {
   path: '/permission',
@@ -27,7 +27,7 @@ const permission: AppRouteModule = {
         {
           path: 'page',
           name: 'FrontPageAuth',
-          component: () => import('/@/views/demo/permission/front/index.vue'),
+          component: () => import('@/views/demo/permission/front/index.vue'),
           meta: {
             title: t('routes.demo.permission.frontPage'),
           },
@@ -35,7 +35,7 @@ const permission: AppRouteModule = {
         {
           path: 'btn',
           name: 'FrontBtnAuth',
-          component: () => import('/@/views/demo/permission/front/Btn.vue'),
+          component: () => import('@/views/demo/permission/front/Btn.vue'),
           meta: {
             title: t('routes.demo.permission.frontBtn'),
           },
@@ -43,7 +43,7 @@ const permission: AppRouteModule = {
         {
           path: 'auth-pageA',
           name: 'FrontAuthPageA',
-          component: () => import('/@/views/demo/permission/front/AuthPageA.vue'),
+          component: () => import('@/views/demo/permission/front/AuthPageA.vue'),
           meta: {
             title: t('routes.demo.permission.frontTestA'),
             roles: [RoleEnum.SUPER],
@@ -52,7 +52,7 @@ const permission: AppRouteModule = {
         {
           path: 'auth-pageB',
           name: 'FrontAuthPageB',
-          component: () => import('/@/views/demo/permission/front/AuthPageB.vue'),
+          component: () => import('@/views/demo/permission/front/AuthPageB.vue'),
           meta: {
             title: t('routes.demo.permission.frontTestB'),
             roles: [RoleEnum.TEST],
@@ -71,7 +71,7 @@ const permission: AppRouteModule = {
         {
           path: 'page',
           name: 'BackAuthPage',
-          component: () => import('/@/views/demo/permission/back/index.vue'),
+          component: () => import('@/views/demo/permission/back/index.vue'),
           meta: {
             title: t('routes.demo.permission.backPage'),
           },
@@ -79,7 +79,7 @@ const permission: AppRouteModule = {
         {
           path: 'btn',
           name: 'BackAuthBtn',
-          component: () => import('/@/views/demo/permission/back/Btn.vue'),
+          component: () => import('@/views/demo/permission/back/Btn.vue'),
           meta: {
             title: t('routes.demo.permission.backBtn'),
           },
diff --git a/src/router/routes/modules/demo/setup.ts b/src/router/routes/modules/demo/setup.ts
index cec2e298..c2941844 100644
--- a/src/router/routes/modules/demo/setup.ts
+++ b/src/router/routes/modules/demo/setup.ts
@@ -1,7 +1,7 @@
-import type { AppRouteModule } from '/@/router/types';
+import type { AppRouteModule } from '@/router/types';
 
-import { LAYOUT } from '/@/router/constant';
-import { t } from '/@/hooks/web/useI18n';
+import { LAYOUT } from '@/router/constant';
+import { t } from '@/hooks/web/useI18n';
 
 const setup: AppRouteModule = {
   path: '/setup',
@@ -18,7 +18,7 @@ const setup: AppRouteModule = {
     {
       path: 'index',
       name: 'SetupDemoPage',
-      component: () => import('/@/views/demo/setup/index.vue'),
+      component: () => import('@/views/demo/setup/index.vue'),
       meta: {
         title: t('routes.demo.setup.page'),
         icon: 'whh:paintroll',
diff --git a/src/router/routes/modules/demo/system.ts b/src/router/routes/modules/demo/system.ts
index 36067c73..066425dc 100644
--- a/src/router/routes/modules/demo/system.ts
+++ b/src/router/routes/modules/demo/system.ts
@@ -1,7 +1,7 @@
-import type { AppRouteModule } from '/@/router/types';
+import type { AppRouteModule } from '@/router/types';
 
-import { LAYOUT } from '/@/router/constant';
-import { t } from '/@/hooks/web/useI18n';
+import { LAYOUT } from '@/router/constant';
+import { t } from '@/hooks/web/useI18n';
 
 const system: AppRouteModule = {
   path: '/system',
@@ -21,7 +21,7 @@ const system: AppRouteModule = {
         title: t('routes.demo.system.account'),
         ignoreKeepAlive: false,
       },
-      component: () => import('/@/views/demo/system/account/index.vue'),
+      component: () => import('@/views/demo/system/account/index.vue'),
     },
     {
       path: 'vxeTableAccount',
@@ -30,7 +30,7 @@ const system: AppRouteModule = {
         title: t('routes.demo.system.vxeTableAccount'),
         ignoreKeepAlive: false,
       },
-      component: () => import('/@/views/demo/system/vxe-account/index.vue'),
+      component: () => import('@/views/demo/system/vxe-account/index.vue'),
     },
     {
       path: 'account_detail/:id',
@@ -42,7 +42,7 @@ const system: AppRouteModule = {
         showMenu: false,
         currentActiveMenu: '/system/account',
       },
-      component: () => import('/@/views/demo/system/account/AccountDetail.vue'),
+      component: () => import('@/views/demo/system/account/AccountDetail.vue'),
     },
     {
       path: 'role',
@@ -51,7 +51,7 @@ const system: AppRouteModule = {
         title: t('routes.demo.system.role'),
         ignoreKeepAlive: true,
       },
-      component: () => import('/@/views/demo/system/role/index.vue'),
+      component: () => import('@/views/demo/system/role/index.vue'),
     },
 
     {
@@ -61,7 +61,7 @@ const system: AppRouteModule = {
         title: t('routes.demo.system.menu'),
         ignoreKeepAlive: true,
       },
-      component: () => import('/@/views/demo/system/menu/index.vue'),
+      component: () => import('@/views/demo/system/menu/index.vue'),
     },
     {
       path: 'dept',
@@ -70,7 +70,7 @@ const system: AppRouteModule = {
         title: t('routes.demo.system.dept'),
         ignoreKeepAlive: true,
       },
-      component: () => import('/@/views/demo/system/dept/index.vue'),
+      component: () => import('@/views/demo/system/dept/index.vue'),
     },
     {
       path: 'changePassword',
@@ -79,7 +79,7 @@ const system: AppRouteModule = {
         title: t('routes.demo.system.password'),
         ignoreKeepAlive: true,
       },
-      component: () => import('/@/views/demo/system/password/index.vue'),
+      component: () => import('@/views/demo/system/password/index.vue'),
     },
   ],
 };
diff --git a/src/router/routes/modules/form-design/main.ts b/src/router/routes/modules/form-design/main.ts
index 205a7892..5f1e40b8 100644
--- a/src/router/routes/modules/form-design/main.ts
+++ b/src/router/routes/modules/form-design/main.ts
@@ -1,6 +1,6 @@
-import type { AppRouteModule } from '/@/router/types';
+import type { AppRouteModule } from '@/router/types';
 
-import { LAYOUT } from '/@/router/constant';
+import { LAYOUT } from '@/router/constant';
 
 const permission: AppRouteModule = {
   path: '/form-designer',
@@ -18,7 +18,7 @@ const permission: AppRouteModule = {
       meta: {
         title: '表单设计',
       },
-      component: () => import('/@/views/form-design/index.vue'),
+      component: () => import('@/views/form-design/index.vue'),
     },
     {
       path: 'example1',
@@ -26,7 +26,7 @@ const permission: AppRouteModule = {
       meta: {
         title: '示例',
       },
-      component: () => import('/@/views/form-design/examples/baseForm.vue'),
+      component: () => import('@/views/form-design/examples/baseForm.vue'),
     },
   ],
 };
diff --git a/src/router/types.ts b/src/router/types.ts
index 65febafb..85a2d36f 100644
--- a/src/router/types.ts
+++ b/src/router/types.ts
@@ -1,5 +1,5 @@
 import type { RouteRecordRaw, RouteMeta } from 'vue-router';
-import { RoleEnum } from '/@/enums/roleEnum';
+import { RoleEnum } from '@/enums/roleEnum';
 import { defineComponent } from 'vue';
 
 export type Component<T = any> =
diff --git a/src/settings/encryptionSetting.ts b/src/settings/encryptionSetting.ts
index c930a72c..e8b177dc 100644
--- a/src/settings/encryptionSetting.ts
+++ b/src/settings/encryptionSetting.ts
@@ -1,4 +1,4 @@
-import { isDevMode } from '/@/utils/env';
+import { isDevMode } from '@/utils/env';
 
 // System default cache time, in seconds
 export const DEFAULT_CACHE_TIME = 60 * 60 * 24 * 7;
diff --git a/src/settings/localeSetting.ts b/src/settings/localeSetting.ts
index 5452568d..c73420a4 100644
--- a/src/settings/localeSetting.ts
+++ b/src/settings/localeSetting.ts
@@ -1,5 +1,5 @@
 import type { DropMenu } from '../components/Dropdown';
-import type { LocaleSetting, LocaleType } from '/#/config';
+import type { LocaleSetting, LocaleType } from '#/config';
 
 export const LOCALE: { [key: string]: LocaleType } = {
   ZH_CN: 'zh_CN',
diff --git a/src/settings/projectSetting.ts b/src/settings/projectSetting.ts
index 0428871a..3d7c46ae 100644
--- a/src/settings/projectSetting.ts
+++ b/src/settings/projectSetting.ts
@@ -1,6 +1,6 @@
-import type { ProjectConfig } from '/#/config';
-import { MenuTypeEnum, MenuModeEnum, TriggerEnum, MixSidebarTriggerEnum } from '/@/enums/menuEnum';
-import { CacheTypeEnum } from '/@/enums/cacheEnum';
+import type { ProjectConfig } from '#/config';
+import { MenuTypeEnum, MenuModeEnum, TriggerEnum, MixSidebarTriggerEnum } from '@/enums/menuEnum';
+import { CacheTypeEnum } from '@/enums/cacheEnum';
 import {
   ContentEnum,
   PermissionModeEnum,
@@ -8,7 +8,7 @@ import {
   RouterTransitionEnum,
   SettingButtonPositionEnum,
   SessionTimeoutProcessingEnum,
-} from '/@/enums/appEnum';
+} from '@/enums/appEnum';
 import {
   SIDE_BAR_BG_COLOR_LIST,
   HEADER_PRESET_BG_COLOR_LIST,
diff --git a/src/store/modules/app.ts b/src/store/modules/app.ts
index 7dfc6ed1..df55b000 100644
--- a/src/store/modules/app.ts
+++ b/src/store/modules/app.ts
@@ -4,18 +4,18 @@ import type {
   MenuSetting,
   TransitionSetting,
   MultiTabsSetting,
-} from '/#/config';
-import type { BeforeMiniState, ApiAddress } from '/#/store';
+} from '#/config';
+import type { BeforeMiniState, ApiAddress } from '#/store';
 
 import { defineStore } from 'pinia';
-import { store } from '/@/store';
+import { store } from '@/store';
 
-import { ThemeEnum } from '/@/enums/appEnum';
-import { APP_DARK_MODE_KEY, PROJ_CFG_KEY, API_ADDRESS } from '/@/enums/cacheEnum';
-import { Persistent } from '/@/utils/cache/persistent';
-import { darkMode } from '/@/settings/designSetting';
-import { resetRouter } from '/@/router';
-import { deepMerge } from '/@/utils';
+import { ThemeEnum } from '@/enums/appEnum';
+import { APP_DARK_MODE_KEY, PROJ_CFG_KEY, API_ADDRESS } from '@/enums/cacheEnum';
+import { Persistent } from '@/utils/cache/persistent';
+import { darkMode } from '@/settings/designSetting';
+import { resetRouter } from '@/router';
+import { deepMerge } from '@/utils';
 
 interface AppState {
   darkMode?: ThemeEnum;
diff --git a/src/store/modules/errorLog.ts b/src/store/modules/errorLog.ts
index ffbdc0b0..b758c8f1 100644
--- a/src/store/modules/errorLog.ts
+++ b/src/store/modules/errorLog.ts
@@ -1,12 +1,12 @@
-import type { ErrorLogInfo } from '/#/store';
+import type { ErrorLogInfo } from '#/store';
 
 import { defineStore } from 'pinia';
-import { store } from '/@/store';
+import { store } from '@/store';
 
-import { formatToDateTime } from '/@/utils/dateUtil';
-import projectSetting from '/@/settings/projectSetting';
+import { formatToDateTime } from '@/utils/dateUtil';
+import projectSetting from '@/settings/projectSetting';
 
-import { ErrorTypeEnum } from '/@/enums/exceptionEnum';
+import { ErrorTypeEnum } from '@/enums/exceptionEnum';
 
 export interface ErrorLogState {
   errorLogInfoList: Nullable<ErrorLogInfo[]>;
diff --git a/src/store/modules/locale.ts b/src/store/modules/locale.ts
index 78202eaa..176c8f41 100644
--- a/src/store/modules/locale.ts
+++ b/src/store/modules/locale.ts
@@ -1,11 +1,11 @@
-import type { LocaleSetting, LocaleType } from '/#/config';
+import type { LocaleSetting, LocaleType } from '#/config';
 
 import { defineStore } from 'pinia';
-import { store } from '/@/store';
+import { store } from '@/store';
 
-import { LOCALE_KEY } from '/@/enums/cacheEnum';
-import { createLocalStorage } from '/@/utils/cache';
-import { localeSetting } from '/@/settings/localeSetting';
+import { LOCALE_KEY } from '@/enums/cacheEnum';
+import { createLocalStorage } from '@/utils/cache';
+import { localeSetting } from '@/settings/localeSetting';
 
 const ls = createLocalStorage();
 
diff --git a/src/store/modules/lock.ts b/src/store/modules/lock.ts
index da5ea003..efb1e200 100644
--- a/src/store/modules/lock.ts
+++ b/src/store/modules/lock.ts
@@ -1,9 +1,9 @@
-import type { LockInfo } from '/#/store';
+import type { LockInfo } from '#/store';
 
 import { defineStore } from 'pinia';
 
-import { LOCK_INFO_KEY } from '/@/enums/cacheEnum';
-import { Persistent } from '/@/utils/cache/persistent';
+import { LOCK_INFO_KEY } from '@/enums/cacheEnum';
+import { Persistent } from '@/utils/cache/persistent';
 import { useUserStore } from './user';
 
 interface LockState {
diff --git a/src/store/modules/multipleTab.ts b/src/store/modules/multipleTab.ts
index e67c4232..c84ad964 100644
--- a/src/store/modules/multipleTab.ts
+++ b/src/store/modules/multipleTab.ts
@@ -2,18 +2,18 @@ import type { RouteLocationNormalized, RouteLocationRaw, Router } from 'vue-rout
 
 import { toRaw, unref } from 'vue';
 import { defineStore } from 'pinia';
-import { store } from '/@/store';
+import { store } from '@/store';
 
-import { useGo, useRedo } from '/@/hooks/web/usePage';
-import { Persistent } from '/@/utils/cache/persistent';
+import { useGo, useRedo } from '@/hooks/web/usePage';
+import { Persistent } from '@/utils/cache/persistent';
 
-import { PageEnum } from '/@/enums/pageEnum';
-import { PAGE_NOT_FOUND_ROUTE, REDIRECT_ROUTE } from '/@/router/routes/basic';
-import { getRawRoute } from '/@/utils';
-import { MULTIPLE_TABS_KEY } from '/@/enums/cacheEnum';
+import { PageEnum } from '@/enums/pageEnum';
+import { PAGE_NOT_FOUND_ROUTE, REDIRECT_ROUTE } from '@/router/routes/basic';
+import { getRawRoute } from '@/utils';
+import { MULTIPLE_TABS_KEY } from '@/enums/cacheEnum';
 
-import projectSetting from '/@/settings/projectSetting';
-import { useUserStore } from '/@/store/modules/user';
+import projectSetting from '@/settings/projectSetting';
+import { useUserStore } from '@/store/modules/user';
 
 export interface MultipleTabState {
   cacheTabList: Set<string>;
diff --git a/src/store/modules/permission.ts b/src/store/modules/permission.ts
index ef72681e..34d6d94f 100644
--- a/src/store/modules/permission.ts
+++ b/src/store/modules/permission.ts
@@ -1,28 +1,28 @@
-import type { AppRouteRecordRaw, Menu } from '/@/router/types';
+import type { AppRouteRecordRaw, Menu } from '@/router/types';
 
 import { defineStore } from 'pinia';
-import { store } from '/@/store';
-import { useI18n } from '/@/hooks/web/useI18n';
+import { store } from '@/store';
+import { useI18n } from '@/hooks/web/useI18n';
 import { useUserStore } from './user';
 import { useAppStoreWithOut } from './app';
 import { toRaw } from 'vue';
-import { transformObjToRoute, flatMultiLevelRoutes } from '/@/router/helper/routeHelper';
-import { transformRouteToMenu } from '/@/router/helper/menuHelper';
+import { transformObjToRoute, flatMultiLevelRoutes } from '@/router/helper/routeHelper';
+import { transformRouteToMenu } from '@/router/helper/menuHelper';
 
-import projectSetting from '/@/settings/projectSetting';
+import projectSetting from '@/settings/projectSetting';
 
-import { PermissionModeEnum } from '/@/enums/appEnum';
+import { PermissionModeEnum } from '@/enums/appEnum';
 
-import { asyncRoutes } from '/@/router/routes';
-import { ERROR_LOG_ROUTE, PAGE_NOT_FOUND_ROUTE } from '/@/router/routes/basic';
+import { asyncRoutes } from '@/router/routes';
+import { ERROR_LOG_ROUTE, PAGE_NOT_FOUND_ROUTE } from '@/router/routes/basic';
 
-import { filter } from '/@/utils/helper/treeHelper';
+import { filter } from '@/utils/helper/treeHelper';
 
-import { getMenuList } from '/@/api/sys/menu';
-import { getPermCode } from '/@/api/sys/user';
+import { getMenuList } from '@/api/sys/menu';
+import { getPermCode } from '@/api/sys/user';
 
-import { useMessage } from '/@/hooks/web/useMessage';
-import { PageEnum } from '/@/enums/pageEnum';
+import { useMessage } from '@/hooks/web/useMessage';
+import { PageEnum } from '@/enums/pageEnum';
 
 interface PermissionState {
   // Permission code list
diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index ea16c40d..5906f925 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -1,20 +1,20 @@
-import type { UserInfo } from '/#/store';
-import type { ErrorMessageMode } from '/#/axios';
+import type { UserInfo } from '#/store';
+import type { ErrorMessageMode } from '#/axios';
 import { defineStore } from 'pinia';
-import { store } from '/@/store';
-import { RoleEnum } from '/@/enums/roleEnum';
-import { PageEnum } from '/@/enums/pageEnum';
-import { ROLES_KEY, TOKEN_KEY, USER_INFO_KEY } from '/@/enums/cacheEnum';
-import { getAuthCache, setAuthCache } from '/@/utils/auth';
-import { GetUserInfoModel, LoginParams } from '/@/api/sys/model/userModel';
-import { doLogout, getUserInfo, loginApi } from '/@/api/sys/user';
-import { useI18n } from '/@/hooks/web/useI18n';
-import { useMessage } from '/@/hooks/web/useMessage';
-import { router } from '/@/router';
-import { usePermissionStore } from '/@/store/modules/permission';
+import { store } from '@/store';
+import { RoleEnum } from '@/enums/roleEnum';
+import { PageEnum } from '@/enums/pageEnum';
+import { ROLES_KEY, TOKEN_KEY, USER_INFO_KEY } from '@/enums/cacheEnum';
+import { getAuthCache, setAuthCache } from '@/utils/auth';
+import { GetUserInfoModel, LoginParams } from '@/api/sys/model/userModel';
+import { doLogout, getUserInfo, loginApi } from '@/api/sys/user';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+import { router } from '@/router';
+import { usePermissionStore } from '@/store/modules/permission';
 import { RouteRecordRaw } from 'vue-router';
-import { PAGE_NOT_FOUND_ROUTE } from '/@/router/routes/basic';
-import { isArray } from '/@/utils/is';
+import { PAGE_NOT_FOUND_ROUTE } from '@/router/routes/basic';
+import { isArray } from '@/utils/is';
 import { h } from 'vue';
 
 interface UserState {
diff --git a/src/utils/auth/index.ts b/src/utils/auth/index.ts
index 9459a9e8..2ec0567f 100644
--- a/src/utils/auth/index.ts
+++ b/src/utils/auth/index.ts
@@ -1,6 +1,6 @@
-import { Persistent, BasicKeys } from '/@/utils/cache/persistent';
-import { CacheTypeEnum, TOKEN_KEY } from '/@/enums/cacheEnum';
-import projectSetting from '/@/settings/projectSetting';
+import { Persistent, BasicKeys } from '@/utils/cache/persistent';
+import { CacheTypeEnum, TOKEN_KEY } from '@/enums/cacheEnum';
+import projectSetting from '@/settings/projectSetting';
 
 const { permissionCacheType } = projectSetting;
 const isLocal = permissionCacheType === CacheTypeEnum.LOCAL;
diff --git a/src/utils/bem.ts b/src/utils/bem.ts
index 53fb0543..cc172acd 100644
--- a/src/utils/bem.ts
+++ b/src/utils/bem.ts
@@ -1,4 +1,4 @@
-import { prefixCls } from '/@/settings/designSetting';
+import { prefixCls } from '@/settings/designSetting';
 
 type Mod = string | { [key: string]: any };
 type Mods = Mod | Mod[];
diff --git a/src/utils/cache/index.ts b/src/utils/cache/index.ts
index 0f3c655e..62df442d 100644
--- a/src/utils/cache/index.ts
+++ b/src/utils/cache/index.ts
@@ -1,9 +1,6 @@
-import { getStorageShortName } from '/@/utils/env';
+import { getStorageShortName } from '@/utils/env';
 import { createStorage as create, CreateStorageParams } from './storageCache';
-import {
-  SHOULD_ENABLE_STORAGE_ENCRYPTION,
-  DEFAULT_CACHE_TIME,
-} from '/@/settings/encryptionSetting';
+import { SHOULD_ENABLE_STORAGE_ENCRYPTION, DEFAULT_CACHE_TIME } from '@/settings/encryptionSetting';
 
 export type Options = Partial<CreateStorageParams>;
 
diff --git a/src/utils/cache/persistent.ts b/src/utils/cache/persistent.ts
index cd68a366..4c34f3e7 100644
--- a/src/utils/cache/persistent.ts
+++ b/src/utils/cache/persistent.ts
@@ -1,8 +1,8 @@
-import type { LockInfo, UserInfo } from '/#/store';
-import type { ProjectConfig } from '/#/config';
+import type { LockInfo, UserInfo } from '#/store';
+import type { ProjectConfig } from '#/config';
 import type { RouteLocationNormalized } from 'vue-router';
 
-import { createLocalStorage, createSessionStorage } from '/@/utils/cache';
+import { createLocalStorage, createSessionStorage } from '@/utils/cache';
 import { Memory } from './memory';
 import {
   TOKEN_KEY,
@@ -13,8 +13,8 @@ import {
   APP_LOCAL_CACHE_KEY,
   APP_SESSION_CACHE_KEY,
   MULTIPLE_TABS_KEY,
-} from '/@/enums/cacheEnum';
-import { DEFAULT_CACHE_TIME } from '/@/settings/encryptionSetting';
+} from '@/enums/cacheEnum';
+import { DEFAULT_CACHE_TIME } from '@/settings/encryptionSetting';
 import { toRaw } from 'vue';
 import { pick, omit } from 'lodash-es';
 
diff --git a/src/utils/cache/storageCache.ts b/src/utils/cache/storageCache.ts
index 2b8f98ed..3250408a 100644
--- a/src/utils/cache/storageCache.ts
+++ b/src/utils/cache/storageCache.ts
@@ -1,5 +1,5 @@
-import { cacheCipher } from '/@/settings/encryptionSetting';
-import { isNil } from '/@/utils/is';
+import { cacheCipher } from '@/settings/encryptionSetting';
+import { isNil } from '@/utils/is';
 import { Encryption, EncryptionFactory, EncryptionParams } from '@/utils/cipher';
 
 export interface CreateStorageParams extends EncryptionParams {
diff --git a/src/utils/env.ts b/src/utils/env.ts
index 19f455aa..43c5aa3e 100644
--- a/src/utils/env.ts
+++ b/src/utils/env.ts
@@ -1,6 +1,6 @@
-import type { GlobEnvConfig } from '/#/config';
+import type { GlobEnvConfig } from '#/config';
 import pkg from '../../package.json';
-import { API_ADDRESS } from '/@/enums/cacheEnum';
+import { API_ADDRESS } from '@/enums/cacheEnum';
 
 export function getCommonStoragePrefix() {
   const { VITE_GLOB_APP_TITLE } = getAppEnvConfig();
diff --git a/src/utils/factory/createAsyncComponent.tsx b/src/utils/factory/createAsyncComponent.tsx
index 712e56cb..78d5c61f 100644
--- a/src/utils/factory/createAsyncComponent.tsx
+++ b/src/utils/factory/createAsyncComponent.tsx
@@ -6,7 +6,7 @@ import {
   // FunctionalComponent, CSSProperties
 } from 'vue';
 import { Spin } from 'ant-design-vue';
-import { noop } from '/@/utils';
+import { noop } from '@/utils';
 
 // const Loading: FunctionalComponent<{ size: 'small' | 'default' | 'large' }> = (props) => {
 //   const style: CSSProperties = {
diff --git a/src/utils/helper/tsxHelper.tsx b/src/utils/helper/tsxHelper.tsx
index 3de2365d..920a274b 100644
--- a/src/utils/helper/tsxHelper.tsx
+++ b/src/utils/helper/tsxHelper.tsx
@@ -1,6 +1,6 @@
 import { Slots } from 'vue';
-import { isFunction } from '/@/utils/is';
-import { RenderOpts } from '/@/components/Form';
+import { isFunction } from '@/utils/is';
+import { RenderOpts } from '@/components/Form';
 
 /**
  * @description:  Get slot to prevent empty error
diff --git a/src/utils/http/axios/Axios.ts b/src/utils/http/axios/Axios.ts
index b215be97..fe226a0d 100644
--- a/src/utils/http/axios/Axios.ts
+++ b/src/utils/http/axios/Axios.ts
@@ -5,14 +5,14 @@ import type {
   AxiosError,
   InternalAxiosRequestConfig,
 } from 'axios';
-import type { RequestOptions, Result, UploadFileParams } from '/#/axios';
+import type { RequestOptions, Result, UploadFileParams } from '#/axios';
 import type { CreateAxiosOptions } from './axiosTransform';
 import axios from 'axios';
 import qs from 'qs';
 import { AxiosCanceler } from './axiosCancel';
-import { isFunction } from '/@/utils/is';
+import { isFunction } from '@/utils/is';
 import { cloneDeep } from 'lodash-es';
-import { ContentTypeEnum, RequestEnum } from '/@/enums/httpEnum';
+import { ContentTypeEnum, RequestEnum } from '@/enums/httpEnum';
 
 export * from './axiosTransform';
 
diff --git a/src/utils/http/axios/axiosTransform.ts b/src/utils/http/axios/axiosTransform.ts
index a9974382..5570bf08 100644
--- a/src/utils/http/axios/axiosTransform.ts
+++ b/src/utils/http/axios/axiosTransform.ts
@@ -7,7 +7,7 @@ import type {
   AxiosResponse,
   InternalAxiosRequestConfig,
 } from 'axios';
-import type { RequestOptions, Result } from '/#/axios';
+import type { RequestOptions, Result } from '#/axios';
 
 export interface CreateAxiosOptions extends AxiosRequestConfig {
   authenticationScheme?: string;
diff --git a/src/utils/http/axios/checkStatus.ts b/src/utils/http/axios/checkStatus.ts
index acadffaa..a2929333 100644
--- a/src/utils/http/axios/checkStatus.ts
+++ b/src/utils/http/axios/checkStatus.ts
@@ -1,11 +1,11 @@
-import type { ErrorMessageMode } from '/#/axios';
-import { useMessage } from '/@/hooks/web/useMessage';
-import { useI18n } from '/@/hooks/web/useI18n';
-// import router from '/@/router';
-// import { PageEnum } from '/@/enums/pageEnum';
-import { useUserStoreWithOut } from '/@/store/modules/user';
-import projectSetting from '/@/settings/projectSetting';
-import { SessionTimeoutProcessingEnum } from '/@/enums/appEnum';
+import type { ErrorMessageMode } from '#/axios';
+import { useMessage } from '@/hooks/web/useMessage';
+import { useI18n } from '@/hooks/web/useI18n';
+// import router from '@/router';
+// import { PageEnum } from '@/enums/pageEnum';
+import { useUserStoreWithOut } from '@/store/modules/user';
+import projectSetting from '@/settings/projectSetting';
+import { SessionTimeoutProcessingEnum } from '@/enums/appEnum';
 
 const { createMessage, createErrorModal } = useMessage();
 const error = createMessage.error!;
diff --git a/src/utils/http/axios/helper.ts b/src/utils/http/axios/helper.ts
index 30cc2b08..36d419a9 100644
--- a/src/utils/http/axios/helper.ts
+++ b/src/utils/http/axios/helper.ts
@@ -1,4 +1,4 @@
-import { isObject, isString } from '/@/utils/is';
+import { isObject, isString } from '@/utils/is';
 
 const DATE_TIME_FORMAT = 'YYYY-MM-DD HH:mm:ss';
 
diff --git a/src/utils/http/axios/index.ts b/src/utils/http/axios/index.ts
index 641550ff..c5757257 100644
--- a/src/utils/http/axios/index.ts
+++ b/src/utils/http/axios/index.ts
@@ -3,21 +3,21 @@
 
 import type { AxiosInstance, AxiosResponse } from 'axios';
 import { clone } from 'lodash-es';
-import type { RequestOptions, Result } from '/#/axios';
+import type { RequestOptions, Result } from '#/axios';
 import type { AxiosTransform, CreateAxiosOptions } from './axiosTransform';
 import { VAxios } from './Axios';
 import { checkStatus } from './checkStatus';
-import { useGlobSetting } from '/@/hooks/setting';
-import { useMessage } from '/@/hooks/web/useMessage';
-import { RequestEnum, ResultEnum, ContentTypeEnum } from '/@/enums/httpEnum';
-import { isString, isUndefined, isNull, isEmpty } from '/@/utils/is';
-import { getToken } from '/@/utils/auth';
-import { setObjToUrlParams, deepMerge } from '/@/utils';
-import { useErrorLogStoreWithOut } from '/@/store/modules/errorLog';
-import { useI18n } from '/@/hooks/web/useI18n';
+import { useGlobSetting } from '@/hooks/setting';
+import { useMessage } from '@/hooks/web/useMessage';
+import { RequestEnum, ResultEnum, ContentTypeEnum } from '@/enums/httpEnum';
+import { isString, isUndefined, isNull, isEmpty } from '@/utils/is';
+import { getToken } from '@/utils/auth';
+import { setObjToUrlParams, deepMerge } from '@/utils';
+import { useErrorLogStoreWithOut } from '@/store/modules/errorLog';
+import { useI18n } from '@/hooks/web/useI18n';
 import { joinTimestamp, formatRequestDate } from './helper';
-import { useUserStoreWithOut } from '/@/store/modules/user';
-import { AxiosRetry } from '/@/utils/http/axios/axiosRetry';
+import { useUserStoreWithOut } from '@/store/modules/user';
+import { AxiosRetry } from '@/utils/http/axios/axiosRetry';
 import axios from 'axios';
 
 const globSetting = useGlobSetting();
diff --git a/src/utils/index.ts b/src/utils/index.ts
index c5573009..531ef7bf 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -3,7 +3,7 @@ import type { App, Component } from 'vue';
 
 import { intersectionWith, isEqual, mergeWith, unionWith } from 'lodash-es';
 import { unref } from 'vue';
-import { isArray, isObject } from '/@/utils/is';
+import { isArray, isObject } from '@/utils/is';
 
 export const noop = () => {};
 
diff --git a/src/views/dashboard/workbench/index.vue b/src/views/dashboard/workbench/index.vue
index 5ee292e2..0d7c9c35 100644
--- a/src/views/dashboard/workbench/index.vue
+++ b/src/views/dashboard/workbench/index.vue
@@ -21,7 +21,7 @@
 <script lang="ts" setup>
   import { ref } from 'vue';
   import { Card } from 'ant-design-vue';
-  import { PageWrapper } from '/@/components/Page';
+  import { PageWrapper } from '@/components/Page';
   import WorkbenchHeader from './components/WorkbenchHeader.vue';
   import ProjectCard from './components/ProjectCard.vue';
   import QuickNav from './components/QuickNav.vue';
diff --git a/src/views/demo/editor/markdown/index.vue b/src/views/demo/editor/markdown/index.vue
index f89c2a8a..14e4bafc 100644
--- a/src/views/demo/editor/markdown/index.vue
+++ b/src/views/demo/editor/markdown/index.vue
@@ -19,8 +19,8 @@
 </template>
 <script lang="ts" setup>
   import { ref, unref } from 'vue';
-  import { MarkDown, MarkDownActionType, MarkdownViewer } from '/@/components/Markdown';
-  import { PageWrapper } from '/@/components/Page';
+  import { MarkDown, MarkDownActionType, MarkdownViewer } from '@/components/Markdown';
+  import { PageWrapper } from '@/components/Page';
   import { Card } from 'ant-design-vue';
   import { type Nullable } from '@vben/types';
 
diff --git a/src/views/demo/feat/tab-params/index.vue b/src/views/demo/feat/tab-params/index.vue
index 6ace6e55..84cebf83 100644
--- a/src/views/demo/feat/tab-params/index.vue
+++ b/src/views/demo/feat/tab-params/index.vue
@@ -12,7 +12,7 @@
   import { useRouter } from 'vue-router';
 
   import { Input } from 'ant-design-vue';
-  import { PageWrapper } from '/@/components/Page';
+  import { PageWrapper } from '@/components/Page';
 
   const { currentRoute } = useRouter();
 
diff --git a/src/views/demo/table/AuthColumn.vue b/src/views/demo/table/AuthColumn.vue
index 49f7cc44..f1cae38e 100644
--- a/src/views/demo/table/AuthColumn.vue
+++ b/src/views/demo/table/AuthColumn.vue
@@ -59,7 +59,7 @@
 <script lang="ts" setup>
   import { BasicTable, useTable, BasicColumn, TableAction } from '@/components/Table';
 
-  import { demoListApi } from '/@/api/demo/table';
+  import { demoListApi } from '@/api/demo/table';
 
   const columns: BasicColumn[] = [
     {
diff --git a/src/views/form-design/components/VFormDesign/components/ComponentProps.vue b/src/views/form-design/components/VFormDesign/components/ComponentProps.vue
index a6ba9ca9..05eaa840 100644
--- a/src/views/form-design/components/VFormDesign/components/ComponentProps.vue
+++ b/src/views/form-design/components/VFormDesign/components/ComponentProps.vue
@@ -89,7 +89,7 @@
     Col,
     Row,
   } from 'ant-design-vue';
-  import RadioButtonGroup from '/@/components/Form/src/components/RadioButtonGroup.vue';
+  import RadioButtonGroup from '@/components/Form/src/components/RadioButtonGroup.vue';
   import { computed, defineComponent, ref, watch } from 'vue';
   import { useFormDesignState } from '../../../hooks/useFormDesignState';
   import {
diff --git a/src/views/form-design/components/VFormDesign/components/ImportJsonModal.vue b/src/views/form-design/components/VFormDesign/components/ImportJsonModal.vue
index 3931fbc4..a82b5c8c 100644
--- a/src/views/form-design/components/VFormDesign/components/ImportJsonModal.vue
+++ b/src/views/form-design/components/VFormDesign/components/ImportJsonModal.vue
@@ -39,8 +39,8 @@
   // import { codemirror } from 'vue-codemirror-lite';
   import { IFormConfig } from '../../../typings/v-form-component';
   import { formItemsForEach, generateKey } from '../../../utils';
-  import { CodeEditor, MODE } from '/@/components/CodeEditor';
-  import { useMessage } from '/@/hooks/web/useMessage';
+  import { CodeEditor, MODE } from '@/components/CodeEditor';
+  import { useMessage } from '@/hooks/web/useMessage';
   import { Upload, Modal } from 'ant-design-vue';
 
   export default defineComponent({
diff --git a/src/views/form-design/components/VFormDesign/components/PreviewCode.vue b/src/views/form-design/components/VFormDesign/components/PreviewCode.vue
index c34c50cf..95f89a1b 100644
--- a/src/views/form-design/components/VFormDesign/components/PreviewCode.vue
+++ b/src/views/form-design/components/VFormDesign/components/PreviewCode.vue
@@ -20,10 +20,10 @@
 
 <script lang="ts">
   import { defineComponent, reactive, toRefs } from 'vue';
-  import { CodeEditor, MODE } from '/@/components/CodeEditor';
+  import { CodeEditor, MODE } from '@/components/CodeEditor';
 
-  import { copyText } from '/@/utils/copyTextToClipboard';
-  import { useMessage } from '/@/hooks/web/useMessage';
+  import { copyText } from '@/utils/copyTextToClipboard';
+  import { useMessage } from '@/hooks/web/useMessage';
 
   export default defineComponent({
     name: 'PreviewCode',
diff --git a/src/views/form-design/components/VFormDesign/index.vue b/src/views/form-design/components/VFormDesign/index.vue
index 4d43e410..87658f3d 100644
--- a/src/views/form-design/components/VFormDesign/index.vue
+++ b/src/views/form-design/components/VFormDesign/index.vue
@@ -102,9 +102,9 @@
   import { useRefHistory, UseRefHistoryReturn } from '@vueuse/core';
   import { globalConfigState } from './config/formItemPropsConfig';
   import { IFormDesignMethods, IPropsPanel, IToolbarMethods } from '../../typings/form-type';
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { useDesign } from '@/hooks/web/useDesign';
 
-  import { CollapseContainer } from '/@/components/Container/index';
+  import { CollapseContainer } from '@/components/Container';
 
   defineProps({
     title: {
diff --git a/src/views/form-design/components/VFormDesign/modules/CollapseItem.vue b/src/views/form-design/components/VFormDesign/modules/CollapseItem.vue
index 8ca8b5a9..ce36311c 100644
--- a/src/views/form-design/components/VFormDesign/modules/CollapseItem.vue
+++ b/src/views/form-design/components/VFormDesign/modules/CollapseItem.vue
@@ -35,7 +35,7 @@
   import { IVFormComponent } from '../../../typings/v-form-component';
   import draggable from 'vuedraggable';
   import Icon from '@/components/Icon/Icon.vue';
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { useDesign } from '@/hooks/web/useDesign';
 
   export default defineComponent({
     name: 'CollapseItem',
diff --git a/src/views/form-design/components/VFormItem/vFormItem.vue b/src/views/form-design/components/VFormItem/vFormItem.vue
index b1380166..c253bf90 100644
--- a/src/views/form-design/components/VFormItem/vFormItem.vue
+++ b/src/views/form-design/components/VFormItem/vFormItem.vue
@@ -21,9 +21,9 @@
 <script lang="ts">
   import { computed, defineComponent, unref } from 'vue';
   import { IFormConfig, IVFormComponent } from '../../typings/v-form-component';
-  import { FormProps, FormSchema } from '/@/components/Form';
+  import { FormProps, FormSchema } from '@/components/Form';
 
-  import FormItem from '/@/components/Form/src/components/FormItem.vue';
+  import FormItem from '@/components/Form/src/components/FormItem.vue';
 
   export default defineComponent({
     name: 'VFormItem',
diff --git a/src/views/form-design/components/VFormPreview/useForm.vue b/src/views/form-design/components/VFormPreview/useForm.vue
index f48d70e6..30ef3616 100644
--- a/src/views/form-design/components/VFormPreview/useForm.vue
+++ b/src/views/form-design/components/VFormPreview/useForm.vue
@@ -18,7 +18,7 @@
   </Modal>
 </template>
 <script lang="ts" setup>
-  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { BasicForm, useForm } from '@/components/Form';
   import { reactive, ref, computed } from 'vue';
   import { IFormConfig } from '../../typings/v-form-component';
   import { IAnyObject } from '../../typings/base-type';
diff --git a/src/views/form-design/components/index.ts b/src/views/form-design/components/index.ts
index b3d9b588..969b9ae7 100644
--- a/src/views/form-design/components/index.ts
+++ b/src/views/form-design/components/index.ts
@@ -1,6 +1,6 @@
 import type { Component } from 'vue';
-import { ComponentType } from '/@/components/Form/src/types';
-import { IconPicker } from '/@/components/Icon/index';
+import { ComponentType } from '@/components/Form/src/types';
+import { IconPicker } from '@/components/Icon';
 /**
  * Component list, register here to setting it in the form
  */
diff --git a/src/views/form-design/core/formItemConfig.ts b/src/views/form-design/core/formItemConfig.ts
index 50aea2d7..34253a55 100644
--- a/src/views/form-design/core/formItemConfig.ts
+++ b/src/views/form-design/core/formItemConfig.ts
@@ -3,8 +3,8 @@
  */
 import { IVFormComponent } from '../typings/v-form-component';
 import { isArray } from 'lodash-es';
-import { componentMap as VbenCmp, add } from '/@/components/Form/src/componentMap';
-import { ComponentType } from '/@/components/Form/src/types';
+import { componentMap as VbenCmp, add } from '@/components/Form/src/componentMap';
+import { ComponentType } from '@/components/Form/src/types';
 
 import { componentMap as Cmp } from '../components';
 import { Component } from 'vue';
diff --git a/src/views/form-design/examples/baseForm.vue b/src/views/form-design/examples/baseForm.vue
index 2fb6dc4a..e5ff6aca 100644
--- a/src/views/form-design/examples/baseForm.vue
+++ b/src/views/form-design/examples/baseForm.vue
@@ -2,7 +2,7 @@
   <BasicForm @register="register" />
 </template>
 <script lang="ts" setup>
-  import { BasicForm, FormSchema, useForm } from '/@/components/Form/index';
+  import { BasicForm, FormSchema, useForm } from '@/components/Form';
 
   const schemas: FormSchema[] = [
     {
diff --git a/src/views/form-design/index.vue b/src/views/form-design/index.vue
index 3cdd7630..90f4bec2 100644
--- a/src/views/form-design/index.vue
+++ b/src/views/form-design/index.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script lang="ts" setup>
-  import { PageWrapper } from '/@/components/Page';
+  import { PageWrapper } from '@/components/Page';
   import VFormDesign from './components/VFormDesign/index.vue';
 </script>
 
diff --git a/src/views/form-design/typings/v-form-component.ts b/src/views/form-design/typings/v-form-component.ts
index 8d079814..b5dce99c 100644
--- a/src/views/form-design/typings/v-form-component.ts
+++ b/src/views/form-design/typings/v-form-component.ts
@@ -2,12 +2,12 @@ import { IAnyObject } from './base-type';
 // import { ComponentOptions } from 'vue/types/options';
 import { ComponentOptions } from 'vue';
 import { IVFormMethods } from '../hooks/useVFormMethods';
-import { ColEx } from '/@/components/Form/src/types';
+import { ColEx } from '@/components/Form/src/types';
 
 import { SelectValue } from 'ant-design-vue/lib/select';
 import { validateOptions } from 'ant-design-vue/lib/form/useForm';
 import { RuleError } from 'ant-design-vue/lib/form/interface';
-import { FormItem } from '/@/components/Form';
+import { FormItem } from '@/components/Form';
 import { FormLayout, FormProps } from 'ant-design-vue/lib/form/Form';
 
 type labelLayout = 'flex' | 'Grid';
diff --git a/src/views/form-design/utils/index.ts b/src/views/form-design/utils/index.ts
index e26028fb..94fbd819 100644
--- a/src/views/form-design/utils/index.ts
+++ b/src/views/form-design/utils/index.ts
@@ -2,7 +2,7 @@
 import { IVFormComponent, IFormConfig, IValidationRule } from '../typings/v-form-component';
 import { cloneDeep, isArray, isFunction, isNumber, uniqueId } from 'lodash-es';
 // import { del } from '@vue/composition-api';
-// import { withInstall } from '/@/utils';
+// import { withInstall } from '@/utils';
 
 /**
  * 组件install方法
diff --git a/src/views/form-design/utils/message.ts b/src/views/form-design/utils/message.ts
index 97b9c836..1f3d71a3 100644
--- a/src/views/form-design/utils/message.ts
+++ b/src/views/form-design/utils/message.ts
@@ -1,4 +1,4 @@
-import { useMessage } from '/@/hooks/web/useMessage';
+import { useMessage } from '@/hooks/web/useMessage';
 
 const { createMessage } = useMessage();
 const message = Object.assign({
diff --git a/src/views/sys/error-log/DetailModal.vue b/src/views/sys/error-log/DetailModal.vue
index ab16df14..9390c04d 100644
--- a/src/views/sys/error-log/DetailModal.vue
+++ b/src/views/sys/error-log/DetailModal.vue
@@ -5,7 +5,7 @@
 </template>
 <script lang="ts" setup>
   import type { PropType } from 'vue';
-  import type { ErrorLogInfo } from '/#/store';
+  import type { ErrorLogInfo } from '#/store';
   import { BasicModal } from '@/components/Modal';
   import { Description, useDescription } from '@/components/Description';
   import { useI18n } from '@/hooks/web/useI18n';
diff --git a/src/views/sys/error-log/index.vue b/src/views/sys/error-log/index.vue
index 81c0b17a..f49e12e5 100644
--- a/src/views/sys/error-log/index.vue
+++ b/src/views/sys/error-log/index.vue
@@ -33,7 +33,7 @@
 </template>
 
 <script lang="ts" setup>
-  import type { ErrorLogInfo } from '/#/store';
+  import type { ErrorLogInfo } from '#/store';
   import { watch, ref, nextTick } from 'vue';
   import DetailModal from './DetailModal.vue';
   import { BasicTable, useTable, TableAction } from '@/components/Table';
diff --git a/src/views/sys/login/Login.vue b/src/views/sys/login/Login.vue
index dfb59807..c168ee5e 100644
--- a/src/views/sys/login/Login.vue
+++ b/src/views/sys/login/Login.vue
@@ -84,7 +84,7 @@
       background-color: @dark-bg;
 
       &::before {
-        background-image: url('/@/assets/svg/login-bg-dark.svg');
+        background-image: url('@/assets/svg/login-bg-dark.svg');
       }
 
       .ant-input,
@@ -138,7 +138,7 @@
       width: 100%;
       height: 100%;
       margin-left: -48%;
-      background-image: url('/@/assets/svg/login-bg.svg');
+      background-image: url('@/assets/svg/login-bg.svg');
       background-repeat: no-repeat;
       background-position: 100%;
       background-size: auto 100%;
diff --git a/tsconfig.json b/tsconfig.json
index 122845f9..9c69499d 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -6,8 +6,6 @@
     "declaration": false,
     "types": ["vite/client"],
     "paths": {
-      "/@/*": ["src/*"],
-      "/#/*": ["types/*"],
       "@/*": ["src/*"],
       "#/*": ["types/*"]
     }
diff --git a/types/config.d.ts b/types/config.d.ts
index e6ef3d67..7a5b31c3 100644
--- a/types/config.d.ts
+++ b/types/config.d.ts
@@ -1,4 +1,4 @@
-import { MenuTypeEnum, MenuModeEnum, TriggerEnum, MixSidebarTriggerEnum } from '/@/enums/menuEnum';
+import { MenuTypeEnum, MenuModeEnum, TriggerEnum, MixSidebarTriggerEnum } from '@/enums/menuEnum';
 import {
   ContentEnum,
   PermissionModeEnum,
@@ -6,9 +6,9 @@ import {
   RouterTransitionEnum,
   SettingButtonPositionEnum,
   SessionTimeoutProcessingEnum,
-} from '/@/enums/appEnum';
+} from '@/enums/appEnum';
 
-import { CacheTypeEnum } from '/@/enums/cacheEnum';
+import { CacheTypeEnum } from '@/enums/cacheEnum';
 
 export type LocaleType = 'zh_CN' | 'en' | 'ru' | 'ja' | 'ko';
 
diff --git a/types/store.d.ts b/types/store.d.ts
index 3c1b9100..55517197 100644
--- a/types/store.d.ts
+++ b/types/store.d.ts
@@ -1,6 +1,6 @@
-import { ErrorTypeEnum } from '/@/enums/exceptionEnum';
-import { MenuModeEnum, MenuTypeEnum } from '/@/enums/menuEnum';
-import { RoleInfo } from '/@/api/sys/model/userModel';
+import { ErrorTypeEnum } from '@/enums/exceptionEnum';
+import { MenuModeEnum, MenuTypeEnum } from '@/enums/menuEnum';
+import { RoleInfo } from '@/api/sys/model/userModel';
 
 // Lock screen information
 export interface LockInfo {
diff --git a/types/vue-router.d.ts b/types/vue-router.d.ts
index 310d611c..b006c921 100644
--- a/types/vue-router.d.ts
+++ b/types/vue-router.d.ts
@@ -1,4 +1,4 @@
-import { RoleEnum } from '/@/enums/roleEnum';
+import { RoleEnum } from '@/enums/roleEnum';
 
 export {};