diff --git a/internal/vite-config/src/config/application.ts b/internal/vite-config/src/config/application.ts
index a7e3b1ec6..20eee0635 100644
--- a/internal/vite-config/src/config/application.ts
+++ b/internal/vite-config/src/config/application.ts
@@ -45,7 +45,7 @@ function defineApplicationConfig(defineOptions: DefineOptions = {}) {
             find: 'vue-i18n',
             replacement: 'vue-i18n/dist/vue-i18n.cjs.js',
           },
-          // /@/xxxx => src/xxxx
+          // @/xxxx => src/xxxx
           {
             find: /\/@\//,
             replacement: pathResolve('src') + '/',
diff --git a/mock/_util.ts b/mock/_util.ts
index 8f9757597..c0666a290 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>(data: T, { msg = 'ok' } = {}) {
   return {
diff --git a/package.json b/package.json
index d824f36cd..8e1786366 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "simple-admin",
-  "version": "1.3.7",
+  "version": "1.3.8",
   "homepage": "https://github.com/suyuan32/simple-admin-backend-ui",
   "bugs": {
     "url": "https://github.com/suyuan32/simple-admin-backend-ui/issues"
diff --git a/src/api/fms/cloudFile.ts b/src/api/fms/cloudFile.ts
index 3156606d3..556f24cf9 100644
--- a/src/api/fms/cloudFile.ts
+++ b/src/api/fms/cloudFile.ts
@@ -1,4 +1,4 @@
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 import { ErrorMessageMode, UploadFileParams } from '/#/axios';
 import {
   BaseDataResp,
@@ -6,7 +6,7 @@ import {
   BaseResp,
   BaseUUIDsReq,
   BaseUUIDReq,
-} from '/@/api/model/baseModel';
+} from '@/api/model/baseModel';
 import { CloudFileInfo, CloudFileListResp } from './model/cloudFileModel';
 import { AxiosProgressEvent } from 'axios';
 import { UploadApiResp } from '../sys/model/uploadModel';
diff --git a/src/api/fms/cloudFileTag.ts b/src/api/fms/cloudFileTag.ts
index 658485b61..d11aa7e90 100644
--- a/src/api/fms/cloudFileTag.ts
+++ b/src/api/fms/cloudFileTag.ts
@@ -1,6 +1,6 @@
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 import { ErrorMessageMode } from '/#/axios';
-import { BaseDataResp, BaseListReq, BaseResp, BaseIDsReq, BaseIDReq } from '/@/api/model/baseModel';
+import { BaseDataResp, BaseListReq, BaseResp, BaseIDsReq, BaseIDReq } from '@/api/model/baseModel';
 import { CloudFileTagInfo, CloudFileTagListResp } from './model/cloudFileTagModel';
 
 enum Api {
diff --git a/src/api/fms/file.ts b/src/api/fms/file.ts
index 693646cfe..4a9d51cbc 100644
--- a/src/api/fms/file.ts
+++ b/src/api/fms/file.ts
@@ -1,5 +1,5 @@
-import { UploadApiResp } from '/@/api/sys/model/uploadModel';
-import { defHttp } from '/@/utils/http/axios';
+import { UploadApiResp } from '@/api/sys/model/uploadModel';
+import { defHttp } from '@/utils/http/axios';
 import { ErrorMessageMode, UploadFileParams } from '/#/axios';
 import { BaseDataResp, BaseListReq, BaseResp, BaseUUIDsReq } from '../model/baseModel';
 import { FileListResp, updateFileInfoReq } from './model/fileModel';
diff --git a/src/api/fms/fileTag.ts b/src/api/fms/fileTag.ts
index 814bae158..da4ec0e82 100644
--- a/src/api/fms/fileTag.ts
+++ b/src/api/fms/fileTag.ts
@@ -1,6 +1,6 @@
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 import { ErrorMessageMode } from '/#/axios';
-import { BaseDataResp, BaseListReq, BaseResp, BaseIDsReq, BaseIDReq } from '/@/api/model/baseModel';
+import { BaseDataResp, BaseListReq, BaseResp, BaseIDsReq, BaseIDReq } from '@/api/model/baseModel';
 import { TagInfo, TagListResp } from './model/fileTagModel';
 
 enum Api {
diff --git a/src/api/fms/initialize.ts b/src/api/fms/initialize.ts
index 7db6a5788..ffbe4d712 100644
--- a/src/api/fms/initialize.ts
+++ b/src/api/fms/initialize.ts
@@ -1,5 +1,5 @@
-import { defHttp } from '/@/utils/http/axios';
-import { BaseResp } from '/@/api/model/baseModel';
+import { defHttp } from '@/utils/http/axios';
+import { BaseResp } from '@/api/model/baseModel';
 
 enum Api {
   InitializeDatabase = '/fms-api/init/database',
diff --git a/src/api/fms/model/cloudFileModel.ts b/src/api/fms/model/cloudFileModel.ts
index 03a576461..f3679d411 100644
--- a/src/api/fms/model/cloudFileModel.ts
+++ b/src/api/fms/model/cloudFileModel.ts
@@ -1,4 +1,4 @@
-import { BaseListResp } from '/@/api/model/baseModel';
+import { BaseListResp } from '@/api/model/baseModel';
 
 /**
  *  @description: CloudFile info response
diff --git a/src/api/fms/model/cloudFileTagModel.ts b/src/api/fms/model/cloudFileTagModel.ts
index 042ef9812..93c9da4da 100644
--- a/src/api/fms/model/cloudFileTagModel.ts
+++ b/src/api/fms/model/cloudFileTagModel.ts
@@ -1,4 +1,4 @@
-import { BaseListResp } from '/@/api/model/baseModel';
+import { BaseListResp } from '@/api/model/baseModel';
 
 /**
  *  @description: CloudFileTag info response
diff --git a/src/api/fms/model/fileTagModel.ts b/src/api/fms/model/fileTagModel.ts
index e098e0aea..7208ecd80 100644
--- a/src/api/fms/model/fileTagModel.ts
+++ b/src/api/fms/model/fileTagModel.ts
@@ -1,4 +1,4 @@
-import { BaseListResp } from '/@/api/model/baseModel';
+import { BaseListResp } from '@/api/model/baseModel';
 
 /**
  *  @description: Tag info response
diff --git a/src/api/fms/model/storageProviderModel.ts b/src/api/fms/model/storageProviderModel.ts
index 02132aa0e..7140257f7 100644
--- a/src/api/fms/model/storageProviderModel.ts
+++ b/src/api/fms/model/storageProviderModel.ts
@@ -1,4 +1,4 @@
-import { BaseListResp } from '/@/api/model/baseModel';
+import { BaseListResp } from '@/api/model/baseModel';
 
 /**
  *  @description: StorageProvider info response
diff --git a/src/api/fms/storageProvider.ts b/src/api/fms/storageProvider.ts
index 713351acb..cb4ec8b44 100644
--- a/src/api/fms/storageProvider.ts
+++ b/src/api/fms/storageProvider.ts
@@ -1,6 +1,6 @@
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 import { ErrorMessageMode } from '/#/axios';
-import { BaseDataResp, BaseListReq, BaseResp, BaseIDsReq, BaseIDReq } from '/@/api/model/baseModel';
+import { BaseDataResp, BaseListReq, BaseResp, BaseIDsReq, BaseIDReq } from '@/api/model/baseModel';
 import { StorageProviderInfo, StorageProviderListResp } from './model/storageProviderModel';
 
 enum Api {
diff --git a/src/api/mcms/emailLog.ts b/src/api/mcms/emailLog.ts
index 0fe59f775..3aa1d9ae3 100644
--- a/src/api/mcms/emailLog.ts
+++ b/src/api/mcms/emailLog.ts
@@ -1,4 +1,4 @@
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 import { ErrorMessageMode } from '/#/axios';
 import {
   BaseDataResp,
@@ -6,7 +6,7 @@ import {
   BaseResp,
   BaseUUIDsReq,
   BaseUUIDReq,
-} from '/@/api/model/baseModel';
+} from '@/api/model/baseModel';
 import { EmailLogInfo, EmailLogListResp } from './model/emailLogModel';
 
 enum Api {
diff --git a/src/api/mcms/emailProvider.ts b/src/api/mcms/emailProvider.ts
index eefb7ae0b..40aeb56bb 100644
--- a/src/api/mcms/emailProvider.ts
+++ b/src/api/mcms/emailProvider.ts
@@ -1,6 +1,6 @@
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 import { ErrorMessageMode } from '/#/axios';
-import { BaseDataResp, BaseListReq, BaseResp, BaseIDsReq, BaseIDReq } from '/@/api/model/baseModel';
+import { BaseDataResp, BaseListReq, BaseResp, BaseIDsReq, BaseIDReq } from '@/api/model/baseModel';
 import { EmailProviderInfo, EmailProviderListResp } from './model/emailProviderModel';
 
 enum Api {
diff --git a/src/api/mcms/messageSender.ts b/src/api/mcms/messageSender.ts
index d890758d0..043ed59da 100644
--- a/src/api/mcms/messageSender.ts
+++ b/src/api/mcms/messageSender.ts
@@ -1,6 +1,6 @@
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 import { ErrorMessageMode } from '/#/axios';
-import { BaseResp } from '/@/api/model/baseModel';
+import { BaseResp } from '@/api/model/baseModel';
 import { SendEmailReq, SendSmsReq } from './model/messageModel';
 
 enum Api {
diff --git a/src/api/mcms/model/emailLogModel.ts b/src/api/mcms/model/emailLogModel.ts
index 6e099435e..be00a7e17 100644
--- a/src/api/mcms/model/emailLogModel.ts
+++ b/src/api/mcms/model/emailLogModel.ts
@@ -1,4 +1,4 @@
-import { BaseListResp } from '/@/api/model/baseModel';
+import { BaseListResp } from '@/api/model/baseModel';
 
 /**
  *  @description: EmailLog info response
diff --git a/src/api/mcms/model/emailProviderModel.ts b/src/api/mcms/model/emailProviderModel.ts
index 0f5bb0b65..2bbeafdc1 100644
--- a/src/api/mcms/model/emailProviderModel.ts
+++ b/src/api/mcms/model/emailProviderModel.ts
@@ -1,4 +1,4 @@
-import { BaseListResp } from '/@/api/model/baseModel';
+import { BaseListResp } from '@/api/model/baseModel';
 
 /**
  *  @description: EmailProvider info response
diff --git a/src/api/mcms/model/smsLogModel.ts b/src/api/mcms/model/smsLogModel.ts
index 9962f8d1a..c622b24c5 100644
--- a/src/api/mcms/model/smsLogModel.ts
+++ b/src/api/mcms/model/smsLogModel.ts
@@ -1,4 +1,4 @@
-import { BaseListResp } from '/@/api/model/baseModel';
+import { BaseListResp } from '@/api/model/baseModel';
 
 /**
  *  @description: SmsLog info response
diff --git a/src/api/mcms/model/smsProviderModel.ts b/src/api/mcms/model/smsProviderModel.ts
index 0bec485d5..7366364db 100644
--- a/src/api/mcms/model/smsProviderModel.ts
+++ b/src/api/mcms/model/smsProviderModel.ts
@@ -1,4 +1,4 @@
-import { BaseListResp } from '/@/api/model/baseModel';
+import { BaseListResp } from '@/api/model/baseModel';
 
 /**
  *  @description: SmsProvider info response
diff --git a/src/api/mcms/smsLog.ts b/src/api/mcms/smsLog.ts
index 5e67f02a3..cc7db71de 100644
--- a/src/api/mcms/smsLog.ts
+++ b/src/api/mcms/smsLog.ts
@@ -1,4 +1,4 @@
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 import { ErrorMessageMode } from '/#/axios';
 import {
   BaseDataResp,
@@ -6,7 +6,7 @@ import {
   BaseResp,
   BaseUUIDsReq,
   BaseUUIDReq,
-} from '/@/api/model/baseModel';
+} from '@/api/model/baseModel';
 import { SmsLogInfo, SmsLogListResp } from './model/smsLogModel';
 
 enum Api {
diff --git a/src/api/mcms/smsProvider.ts b/src/api/mcms/smsProvider.ts
index edc1e0611..c816d45bc 100644
--- a/src/api/mcms/smsProvider.ts
+++ b/src/api/mcms/smsProvider.ts
@@ -1,6 +1,6 @@
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 import { ErrorMessageMode } from '/#/axios';
-import { BaseDataResp, BaseListReq, BaseResp, BaseIDsReq, BaseIDReq } from '/@/api/model/baseModel';
+import { BaseDataResp, BaseListReq, BaseResp, BaseIDsReq, BaseIDReq } from '@/api/model/baseModel';
 import { SmsProviderInfo, SmsProviderListResp } from './model/smsProviderModel';
 
 enum Api {
diff --git a/src/api/member/initialize.ts b/src/api/member/initialize.ts
index e0bf76fc0..3b1be6b9e 100644
--- a/src/api/member/initialize.ts
+++ b/src/api/member/initialize.ts
@@ -1,5 +1,5 @@
-import { defHttp } from '/@/utils/http/axios';
-import { BaseResp } from '/@/api/model/baseModel';
+import { defHttp } from '@/utils/http/axios';
+import { BaseResp } from '@/api/model/baseModel';
 
 enum Api {
   InitializeMMSDatabase = '/mms-api/init/database',
diff --git a/src/api/member/member.ts b/src/api/member/member.ts
index 088578224..b3a04e533 100644
--- a/src/api/member/member.ts
+++ b/src/api/member/member.ts
@@ -1,4 +1,4 @@
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 import { ErrorMessageMode } from '/#/axios';
 import {
   BaseDataResp,
@@ -6,7 +6,7 @@ import {
   BaseResp,
   BaseUUIDsReq,
   BaseUUIDReq,
-} from '/@/api/model/baseModel';
+} from '@/api/model/baseModel';
 import { MemberInfo, MemberListResp } from './model/memberModel';
 
 enum Api {
diff --git a/src/api/member/memberRank.ts b/src/api/member/memberRank.ts
index 43903a9ac..7cfef9a97 100644
--- a/src/api/member/memberRank.ts
+++ b/src/api/member/memberRank.ts
@@ -1,6 +1,6 @@
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 import { ErrorMessageMode } from '/#/axios';
-import { BaseDataResp, BaseListReq, BaseResp, BaseIDsReq, BaseIDReq } from '/@/api/model/baseModel';
+import { BaseDataResp, BaseListReq, BaseResp, BaseIDsReq, BaseIDReq } from '@/api/model/baseModel';
 import { MemberRankInfo, MemberRankListResp } from '../member/model/memberRankModel';
 
 enum Api {
diff --git a/src/api/member/model/memberModel.ts b/src/api/member/model/memberModel.ts
index d56d1cf04..9c9937acc 100644
--- a/src/api/member/model/memberModel.ts
+++ b/src/api/member/model/memberModel.ts
@@ -1,4 +1,4 @@
-import { BaseListResp } from '/@/api/model/baseModel';
+import { BaseListResp } from '@/api/model/baseModel';
 
 /**
  *  @description: Member info response
diff --git a/src/api/member/model/memberRankModel.ts b/src/api/member/model/memberRankModel.ts
index 915aa34a8..fa0760145 100644
--- a/src/api/member/model/memberRankModel.ts
+++ b/src/api/member/model/memberRankModel.ts
@@ -1,4 +1,4 @@
-import { BaseListResp } from '/@/api/model/baseModel';
+import { BaseListResp } from '@/api/model/baseModel';
 
 /**
  *  @description: MemberRank info response
diff --git a/src/api/member/oauthProvider.ts b/src/api/member/oauthProvider.ts
index b62e74f2c..16073bb8c 100644
--- a/src/api/member/oauthProvider.ts
+++ b/src/api/member/oauthProvider.ts
@@ -1,6 +1,6 @@
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 import { ErrorMessageMode } from '/#/axios';
-import { BaseDataResp, BaseListReq, BaseResp, BaseIDsReq, BaseIDReq } from '/@/api/model/baseModel';
+import { BaseDataResp, BaseListReq, BaseResp, BaseIDsReq, BaseIDReq } from '@/api/model/baseModel';
 import { OauthProviderInfo, OauthProviderListResp } from '../sys/model/oauthProviderModel';
 
 enum Api {
diff --git a/src/api/member/token.ts b/src/api/member/token.ts
index c0a7be2a8..92fb8aa42 100644
--- a/src/api/member/token.ts
+++ b/src/api/member/token.ts
@@ -1,4 +1,4 @@
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 import { ErrorMessageMode } from '/#/axios';
 import {
   BaseDataResp,
@@ -6,7 +6,7 @@ import {
   BaseResp,
   BaseUUIDsReq,
   BaseUUIDReq,
-} from '/@/api/model/baseModel';
+} from '@/api/model/baseModel';
 import { TokenInfo, TokenListResp } from '../sys/model/tokenModel';
 
 enum Api {
diff --git a/src/api/sys/api.ts b/src/api/sys/api.ts
index ce32cdffb..aeb2b46f1 100644
--- a/src/api/sys/api.ts
+++ b/src/api/sys/api.ts
@@ -1,6 +1,6 @@
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 import { ErrorMessageMode } from '/#/axios';
-import { BaseDataResp, BaseListReq, BaseResp, BaseIDsReq, BaseIDReq } from '/@/api/model/baseModel';
+import { BaseDataResp, BaseListReq, BaseResp, BaseIDsReq, BaseIDReq } from '@/api/model/baseModel';
 import { ApiInfo, ApiListResp } from './model/apiModel';
 
 enum Api {
diff --git a/src/api/sys/authority.ts b/src/api/sys/authority.ts
index 88365036b..1e4aa73ec 100644
--- a/src/api/sys/authority.ts
+++ b/src/api/sys/authority.ts
@@ -1,6 +1,6 @@
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 import { ErrorMessageMode } from '/#/axios';
-import { BaseDataResp, BaseIDReq, BaseResp } from '/@/api/model/baseModel';
+import { BaseDataResp, BaseIDReq, BaseResp } from '@/api/model/baseModel';
 import { ApiListResp } from './model/apiModel';
 import {
   ApiAuthorityReq,
diff --git a/src/api/sys/captcha.ts b/src/api/sys/captcha.ts
index 6707d8bb4..20f910229 100644
--- a/src/api/sys/captcha.ts
+++ b/src/api/sys/captcha.ts
@@ -1,7 +1,7 @@
 import { BaseDataResp } from '../model/baseModel';
 import { CaptchaResp, GetEmailCaptchaReq, GetSmsCaptchaReq } from './model/captcha';
 import { ErrorMessageMode } from '/#/axios';
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 
 enum Api {
   GetCaptcha = '/sys-api/captcha',
diff --git a/src/api/sys/department.ts b/src/api/sys/department.ts
index 753e672e2..f60ddaa3e 100644
--- a/src/api/sys/department.ts
+++ b/src/api/sys/department.ts
@@ -1,6 +1,6 @@
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 import { ErrorMessageMode } from '/#/axios';
-import { BaseDataResp, BaseListReq, BaseResp, BaseIDsReq, BaseIDReq } from '/@/api/model/baseModel';
+import { BaseDataResp, BaseListReq, BaseResp, BaseIDsReq, BaseIDReq } from '@/api/model/baseModel';
 import { DepartmentInfo, DepartmentListResp } from './model/departmentModel';
 
 enum Api {
diff --git a/src/api/sys/dictionary.ts b/src/api/sys/dictionary.ts
index d13560164..28da9c9d4 100644
--- a/src/api/sys/dictionary.ts
+++ b/src/api/sys/dictionary.ts
@@ -1,6 +1,6 @@
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 import { ErrorMessageMode } from '/#/axios';
-import { BaseDataResp, BaseListReq, BaseResp, BaseIDsReq, BaseIDReq } from '/@/api/model/baseModel';
+import { BaseDataResp, BaseListReq, BaseResp, BaseIDsReq, BaseIDReq } from '@/api/model/baseModel';
 import { DictionaryInfo, DictionaryListResp } from './model/dictionaryModel';
 
 enum Api {
diff --git a/src/api/sys/dictionaryDetail.ts b/src/api/sys/dictionaryDetail.ts
index bda3800cc..11bd03de0 100644
--- a/src/api/sys/dictionaryDetail.ts
+++ b/src/api/sys/dictionaryDetail.ts
@@ -1,6 +1,6 @@
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 import { ErrorMessageMode } from '/#/axios';
-import { BaseDataResp, BaseListReq, BaseResp, BaseIDsReq, BaseIDReq } from '/@/api/model/baseModel';
+import { BaseDataResp, BaseListReq, BaseResp, BaseIDsReq, BaseIDReq } from '@/api/model/baseModel';
 import {
   DictionaryDetailInfo,
   DictionaryDetailListResp,
diff --git a/src/api/sys/initialize.ts b/src/api/sys/initialize.ts
index 3fadde76e..81bdd869f 100644
--- a/src/api/sys/initialize.ts
+++ b/src/api/sys/initialize.ts
@@ -1,5 +1,5 @@
-import { defHttp } from '/@/utils/http/axios';
-import { BaseResp } from '/@/api/model/baseModel';
+import { defHttp } from '@/utils/http/axios';
+import { BaseResp } from '@/api/model/baseModel';
 
 enum Api {
   InitializeDatabase = '/sys-api/core/init/database',
diff --git a/src/api/sys/menu.ts b/src/api/sys/menu.ts
index 2210aef71..3268f17da 100644
--- a/src/api/sys/menu.ts
+++ b/src/api/sys/menu.ts
@@ -1,6 +1,6 @@
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 import { ErrorMessageMode } from '/#/axios';
-import { BaseDataResp, BaseResp, BaseIDReq } from '/@/api/model/baseModel';
+import { BaseDataResp, BaseResp, BaseIDReq } from '@/api/model/baseModel';
 import { MenuInfoPlain, MenuPlainListResp, RoleMenuResp } from './model/menuModel';
 
 enum Api {
diff --git a/src/api/sys/model/apiModel.ts b/src/api/sys/model/apiModel.ts
index a27a0bb1d..c93e599b6 100644
--- a/src/api/sys/model/apiModel.ts
+++ b/src/api/sys/model/apiModel.ts
@@ -1,4 +1,4 @@
-import { BaseListResp } from '/@/api/model/baseModel';
+import { BaseListResp } from '@/api/model/baseModel';
 
 /**
  *  @description: Api info response
diff --git a/src/api/sys/model/departmentModel.ts b/src/api/sys/model/departmentModel.ts
index 7d535dd1a..3ba980916 100644
--- a/src/api/sys/model/departmentModel.ts
+++ b/src/api/sys/model/departmentModel.ts
@@ -1,4 +1,4 @@
-import { BaseListResp } from '/@/api/model/baseModel';
+import { BaseListResp } from '@/api/model/baseModel';
 
 /**
  *  @description: Department info response
diff --git a/src/api/sys/model/dictionaryDetailModel.ts b/src/api/sys/model/dictionaryDetailModel.ts
index bca4b676f..d33243fc4 100644
--- a/src/api/sys/model/dictionaryDetailModel.ts
+++ b/src/api/sys/model/dictionaryDetailModel.ts
@@ -1,4 +1,4 @@
-import { BaseListResp } from '/@/api/model/baseModel';
+import { BaseListResp } from '@/api/model/baseModel';
 
 /**
  *  @description: DictionaryDetail info response
diff --git a/src/api/sys/model/dictionaryModel.ts b/src/api/sys/model/dictionaryModel.ts
index 2a210928c..58fe82739 100644
--- a/src/api/sys/model/dictionaryModel.ts
+++ b/src/api/sys/model/dictionaryModel.ts
@@ -1,4 +1,4 @@
-import { BaseListResp } from '/@/api/model/baseModel';
+import { BaseListResp } from '@/api/model/baseModel';
 
 /**
  *  @description: Dictionary info response
diff --git a/src/api/sys/model/oauthProviderModel.ts b/src/api/sys/model/oauthProviderModel.ts
index bb1bb3e54..e9a370607 100644
--- a/src/api/sys/model/oauthProviderModel.ts
+++ b/src/api/sys/model/oauthProviderModel.ts
@@ -1,4 +1,4 @@
-import { BaseDataResp, BaseListResp } from '/@/api/model/baseModel';
+import { BaseDataResp, BaseListResp } from '@/api/model/baseModel';
 
 /**
  *  @description: OauthProvider info response
diff --git a/src/api/sys/model/positionModel.ts b/src/api/sys/model/positionModel.ts
index baca238d2..75263b380 100644
--- a/src/api/sys/model/positionModel.ts
+++ b/src/api/sys/model/positionModel.ts
@@ -1,4 +1,4 @@
-import { BaseListResp } from '/@/api/model/baseModel';
+import { BaseListResp } from '@/api/model/baseModel';
 
 /**
  *  @description: Position info response
diff --git a/src/api/sys/model/roleModel.ts b/src/api/sys/model/roleModel.ts
index c42a079c3..1f5d302aa 100644
--- a/src/api/sys/model/roleModel.ts
+++ b/src/api/sys/model/roleModel.ts
@@ -1,4 +1,4 @@
-import { BaseListResp } from '/@/api/model/baseModel';
+import { BaseListResp } from '@/api/model/baseModel';
 
 /**
  *  @description: Role info response
diff --git a/src/api/sys/model/taskLogModel.ts b/src/api/sys/model/taskLogModel.ts
index 3659abb62..18f2730ba 100644
--- a/src/api/sys/model/taskLogModel.ts
+++ b/src/api/sys/model/taskLogModel.ts
@@ -1,4 +1,4 @@
-import { BaseListResp } from '/@/api/model/baseModel';
+import { BaseListResp } from '@/api/model/baseModel';
 
 /**
  *  @description: TaskLog info response
diff --git a/src/api/sys/model/taskModel.ts b/src/api/sys/model/taskModel.ts
index fa0189986..43e1a4285 100644
--- a/src/api/sys/model/taskModel.ts
+++ b/src/api/sys/model/taskModel.ts
@@ -1,4 +1,4 @@
-import { BaseListResp } from '/@/api/model/baseModel';
+import { BaseListResp } from '@/api/model/baseModel';
 
 /**
  *  @description: Task info response
diff --git a/src/api/sys/model/tokenModel.ts b/src/api/sys/model/tokenModel.ts
index 2a97def0c..ebaab6e64 100644
--- a/src/api/sys/model/tokenModel.ts
+++ b/src/api/sys/model/tokenModel.ts
@@ -1,4 +1,4 @@
-import { BaseListResp } from '/@/api/model/baseModel';
+import { BaseListResp } from '@/api/model/baseModel';
 
 /**
  *  @description: Token info response
diff --git a/src/api/sys/model/userModel.ts b/src/api/sys/model/userModel.ts
index 6032ce6c1..872256cc7 100644
--- a/src/api/sys/model/userModel.ts
+++ b/src/api/sys/model/userModel.ts
@@ -1,4 +1,4 @@
-import { BaseListResp } from '/@/api/model/baseModel';
+import { BaseListResp } from '@/api/model/baseModel';
 
 /**
  *  @description: User info response
diff --git a/src/api/sys/oauthProvider.ts b/src/api/sys/oauthProvider.ts
index ca268d3e7..0a22c283e 100644
--- a/src/api/sys/oauthProvider.ts
+++ b/src/api/sys/oauthProvider.ts
@@ -1,6 +1,6 @@
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 import { ErrorMessageMode } from '/#/axios';
-import { BaseDataResp, BaseListReq, BaseResp, BaseIDsReq, BaseIDReq } from '/@/api/model/baseModel';
+import { BaseDataResp, BaseListReq, BaseResp, BaseIDsReq, BaseIDReq } from '@/api/model/baseModel';
 import {
   OauthLoginReq,
   OauthProviderInfo,
diff --git a/src/api/sys/position.ts b/src/api/sys/position.ts
index a4b3eecd8..f35f48f25 100644
--- a/src/api/sys/position.ts
+++ b/src/api/sys/position.ts
@@ -1,6 +1,6 @@
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 import { ErrorMessageMode } from '/#/axios';
-import { BaseDataResp, BaseListReq, BaseResp, BaseIDsReq, BaseIDReq } from '/@/api/model/baseModel';
+import { BaseDataResp, BaseListReq, BaseResp, BaseIDsReq, BaseIDReq } from '@/api/model/baseModel';
 import { PositionInfo, PositionListResp } from './model/positionModel';
 
 enum Api {
diff --git a/src/api/sys/role.ts b/src/api/sys/role.ts
index 7a36cfe96..a32f73f26 100644
--- a/src/api/sys/role.ts
+++ b/src/api/sys/role.ts
@@ -1,6 +1,6 @@
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 import { ErrorMessageMode } from '/#/axios';
-import { BaseDataResp, BaseListReq, BaseResp, BaseIDsReq, BaseIDReq } from '/@/api/model/baseModel';
+import { BaseDataResp, BaseListReq, BaseResp, BaseIDsReq, BaseIDReq } from '@/api/model/baseModel';
 import { RoleInfo, RoleListResp } from './model/roleModel';
 
 enum Api {
diff --git a/src/api/sys/task.ts b/src/api/sys/task.ts
index 17e4d9d3f..47f394a7f 100644
--- a/src/api/sys/task.ts
+++ b/src/api/sys/task.ts
@@ -1,6 +1,6 @@
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 import { ErrorMessageMode } from '/#/axios';
-import { BaseDataResp, BaseListReq, BaseResp, BaseIDsReq, BaseIDReq } from '/@/api/model/baseModel';
+import { BaseDataResp, BaseListReq, BaseResp, BaseIDsReq, BaseIDReq } from '@/api/model/baseModel';
 import { TaskInfo, TaskListResp } from './model/taskModel';
 
 enum Api {
diff --git a/src/api/sys/taskLog.ts b/src/api/sys/taskLog.ts
index 90b7cf268..e9f077b2e 100644
--- a/src/api/sys/taskLog.ts
+++ b/src/api/sys/taskLog.ts
@@ -1,6 +1,6 @@
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 import { ErrorMessageMode } from '/#/axios';
-import { BaseDataResp, BaseListReq, BaseResp, BaseIDsReq, BaseIDReq } from '/@/api/model/baseModel';
+import { BaseDataResp, BaseListReq, BaseResp, BaseIDsReq, BaseIDReq } from '@/api/model/baseModel';
 import { TaskLogInfo, TaskLogListResp } from './model/taskLogModel';
 
 enum Api {
diff --git a/src/api/sys/token.ts b/src/api/sys/token.ts
index 3b9604d05..f056e8d03 100644
--- a/src/api/sys/token.ts
+++ b/src/api/sys/token.ts
@@ -1,4 +1,4 @@
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 import { ErrorMessageMode } from '/#/axios';
 import {
   BaseDataResp,
@@ -6,7 +6,7 @@ import {
   BaseResp,
   BaseUUIDsReq,
   BaseUUIDReq,
-} from '/@/api/model/baseModel';
+} from '@/api/model/baseModel';
 import { TokenInfo, TokenListResp } from './model/tokenModel';
 
 enum Api {
diff --git a/src/api/sys/upload.ts b/src/api/sys/upload.ts
index abf40d5e3..10e812054 100644
--- a/src/api/sys/upload.ts
+++ b/src/api/sys/upload.ts
@@ -1,7 +1,7 @@
-import { UploadApiResp } from '/@/api/sys/model/uploadModel';
-import { defHttp } from '/@/utils/http/axios';
+import { UploadApiResp } from '@/api/sys/model/uploadModel';
+import { defHttp } from '@/utils/http/axios';
 import { UploadFileParams } from '/#/axios';
-import { useGlobSetting } from '/@/hooks/setting';
+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 1f2be539c..6bf7ad42c 100644
--- a/src/api/sys/user.ts
+++ b/src/api/sys/user.ts
@@ -1,4 +1,4 @@
-import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '@/utils/http/axios';
 import { ErrorMessageMode } from '/#/axios';
 import {
   LoginReq,
diff --git a/src/components/Application/index.ts b/src/components/Application/index.ts
index d7c513306..e97d33e67 100644
--- a/src/components/Application/index.ts
+++ b/src/components/Application/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '/@/utils';
+import { withInstall } from '@/utils';
 
 import appLogo from './src/AppLogo.vue';
 import appProvider from './src/AppProvider.vue';
diff --git a/src/components/Application/src/AppDarkModeToggle.vue b/src/components/Application/src/AppDarkModeToggle.vue
index b268e1635..2709d4b9c 100644
--- a/src/components/Application/src/AppDarkModeToggle.vue
+++ b/src/components/Application/src/AppDarkModeToggle.vue
@@ -5,11 +5,11 @@
 </template>
 <script lang="ts" setup>
   import { computed, unref } from 'vue';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { useRootSetting } from '/@/hooks/setting/useRootSetting';
-  import { updateHeaderBgColor, updateSidebarBgColor } from '/@/logics/theme/updateBackground';
-  import { updateDarkTheme } from '/@/logics/theme/dark';
-  import { ThemeEnum } from '/@/enums/appEnum';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { useRootSetting } from '@/hooks/setting/useRootSetting';
+  import { updateHeaderBgColor, updateSidebarBgColor } from '@/logics/theme/updateBackground';
+  import { updateDarkTheme } from '@/logics/theme/dark';
+  import { ThemeEnum } from '@/enums/appEnum';
 
   const { prefixCls } = useDesign('dark-switch');
   const { getDarkMode, setDarkMode, getShowDarkModeToggle } = useRootSetting();
diff --git a/src/components/Application/src/AppLocalePicker.vue b/src/components/Application/src/AppLocalePicker.vue
index 51852f326..8e3e68f9d 100644
--- a/src/components/Application/src/AppLocalePicker.vue
+++ b/src/components/Application/src/AppLocalePicker.vue
@@ -19,12 +19,12 @@
 </template>
 <script lang="ts" setup>
   import type { LocaleType } from '/#/config';
-  import type { DropMenu } from '/@/components/Dropdown';
+  import type { DropMenu } from '@/components/Dropdown';
   import { ref, watchEffect, unref, computed } from 'vue';
-  import { Dropdown } from '/@/components/Dropdown';
+  import { Dropdown } from '@/components/Dropdown';
   import Icon from '@/components/Icon/Icon.vue';
-  import { useLocale } from '/@/locales/useLocale';
-  import { localeList } from '/@/settings/localeSetting';
+  import { useLocale } from '@/locales/useLocale';
+  import { localeList } from '@/settings/localeSetting';
 
   const props = defineProps({
     /**
diff --git a/src/components/Application/src/AppLogo.vue b/src/components/Application/src/AppLogo.vue
index c9d992875..73e48acde 100644
--- a/src/components/Application/src/AppLogo.vue
+++ b/src/components/Application/src/AppLogo.vue
@@ -12,12 +12,12 @@
 </template>
 <script lang="ts" setup>
   import { computed, unref } from 'vue';
-  import { useGlobSetting } from '/@/hooks/setting';
-  import { useGo } from '/@/hooks/web/usePage';
-  import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { PageEnum } from '/@/enums/pageEnum';
-  import { useUserStore } from '/@/store/modules/user';
+  import { useGlobSetting } from '@/hooks/setting';
+  import { useGo } from '@/hooks/web/usePage';
+  import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { PageEnum } from '@/enums/pageEnum';
+  import { useUserStore } from '@/store/modules/user';
 
   const props = defineProps({
     /**
diff --git a/src/components/Application/src/AppProvider.vue b/src/components/Application/src/AppProvider.vue
index fe19a8000..54818028c 100644
--- a/src/components/Application/src/AppProvider.vue
+++ b/src/components/Application/src/AppProvider.vue
@@ -1,10 +1,10 @@
 <script lang="ts">
   import { defineComponent, toRefs, ref, unref } from 'vue';
   import { createAppProviderContext } from './useAppContext';
-  import { createBreakpointListen } from '/@/hooks/event/useBreakpoint';
-  import { prefixCls } from '/@/settings/designSetting';
-  import { useAppStore } from '/@/store/modules/app';
-  import { MenuModeEnum, MenuTypeEnum } from '/@/enums/menuEnum';
+  import { createBreakpointListen } from '@/hooks/event/useBreakpoint';
+  import { prefixCls } from '@/settings/designSetting';
+  import { useAppStore } from '@/store/modules/app';
+  import { MenuModeEnum, MenuTypeEnum } from '@/enums/menuEnum';
 
   const props = {
     /**
diff --git a/src/components/Application/src/search/AppSearch.vue b/src/components/Application/src/search/AppSearch.vue
index 63d346ee3..e017f42bf 100644
--- a/src/components/Application/src/search/AppSearch.vue
+++ b/src/components/Application/src/search/AppSearch.vue
@@ -3,7 +3,7 @@
   import { Tooltip } from 'ant-design-vue';
   import { SearchOutlined } from '@ant-design/icons-vue';
   import AppSearchModal from './AppSearchModal.vue';
-  import { useI18n } from '/@/hooks/web/useI18n';
+  import { useI18n } from '@/hooks/web/useI18n';
 
   export default defineComponent({
     name: 'AppSearch',
diff --git a/src/components/Application/src/search/AppSearchFooter.vue b/src/components/Application/src/search/AppSearchFooter.vue
index 712cbb28e..c3778477b 100644
--- a/src/components/Application/src/search/AppSearchFooter.vue
+++ b/src/components/Application/src/search/AppSearchFooter.vue
@@ -12,8 +12,8 @@
 
 <script lang="ts" setup>
   import AppSearchKeyItem from './AppSearchKeyItem.vue';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { useI18n } from '/@/hooks/web/useI18n';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { useI18n } from '@/hooks/web/useI18n';
 
   const { prefixCls } = useDesign('app-search-footer');
   const { t } = useI18n();
diff --git a/src/components/Application/src/search/AppSearchModal.vue b/src/components/Application/src/search/AppSearchModal.vue
index 05f33de50..8ba6d8018 100644
--- a/src/components/Application/src/search/AppSearchModal.vue
+++ b/src/components/Application/src/search/AppSearchModal.vue
@@ -63,12 +63,12 @@
   import AppSearchFooter from './AppSearchFooter.vue';
   import Icon from '@/components/Icon/Icon.vue';
   // @ts-ignore
-  import vClickOutside from '/@/directives/clickOutside';
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import vClickOutside from '@/directives/clickOutside';
+  import { useDesign } from '@/hooks/web/useDesign';
   import { useRefs } from '@vben/hooks';
   import { useMenuSearch } from './useMenuSearch';
-  import { useI18n } from '/@/hooks/web/useI18n';
-  import { useAppInject } from '/@/hooks/web/useAppInject';
+  import { useI18n } from '@/hooks/web/useI18n';
+  import { useAppInject } from '@/hooks/web/useAppInject';
 
   const props = defineProps({
     visible: { type: Boolean },
diff --git a/src/components/Application/src/search/useMenuSearch.ts b/src/components/Application/src/search/useMenuSearch.ts
index c93879230..5f29c2b8b 100644
--- a/src/components/Application/src/search/useMenuSearch.ts
+++ b/src/components/Application/src/search/useMenuSearch.ts
@@ -1,13 +1,13 @@
-import { type Menu } from '/@/router/types';
+import { type Menu } from '@/router/types';
 import { type AnyFunction } from '@vben/types';
 import { ref, onBeforeMount, unref, Ref, nextTick } from 'vue';
-import { getMenus } from '/@/router/menus';
+import { getMenus } from '@/router/menus';
 import { cloneDeep } from 'lodash-es';
-import { filter, forEach } from '/@/utils/helper/treeHelper';
-import { useGo } from '/@/hooks/web/usePage';
+import { filter, forEach } from '@/utils/helper/treeHelper';
+import { useGo } from '@/hooks/web/usePage';
 import { useScrollTo } from '@vben/hooks';
 import { onKeyStroke, useDebounceFn } from '@vueuse/core';
-import { useI18n } from '/@/hooks/web/useI18n';
+import { useI18n } from '@/hooks/web/useI18n';
 
 export interface SearchResult {
   name: string;
diff --git a/src/components/Application/src/useAppContext.ts b/src/components/Application/src/useAppContext.ts
index 8bdfb4f88..5356cdbdf 100644
--- a/src/components/Application/src/useAppContext.ts
+++ b/src/components/Application/src/useAppContext.ts
@@ -1,5 +1,5 @@
 import { InjectionKey, Ref } from 'vue';
-import { createContext, useContext } from '/@/hooks/core/useContext';
+import { createContext, useContext } from '@/hooks/core/useContext';
 
 export interface AppProviderContextProps {
   prefixCls: Ref<string>;
diff --git a/src/components/Authority/index.ts b/src/components/Authority/index.ts
index 2f0eab7f2..7a862356c 100644
--- a/src/components/Authority/index.ts
+++ b/src/components/Authority/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '/@/utils';
+import { withInstall } from '@/utils';
 import authority from './src/Authority.vue';
 
 export const Authority = withInstall(authority);
diff --git a/src/components/Authority/src/Authority.vue b/src/components/Authority/src/Authority.vue
index 0d3593827..2cfe65788 100644
--- a/src/components/Authority/src/Authority.vue
+++ b/src/components/Authority/src/Authority.vue
@@ -4,9 +4,9 @@
 <script lang="ts">
   import type { PropType } from 'vue';
   import { defineComponent } from 'vue';
-  import { RoleEnum } from '/@/enums/roleEnum';
-  import { usePermission } from '/@/hooks/web/usePermission';
-  import { getSlot } from '/@/utils/helper/tsxHelper';
+  import { RoleEnum } from '@/enums/roleEnum';
+  import { usePermission } from '@/hooks/web/usePermission';
+  import { getSlot } from '@/utils/helper/tsxHelper';
 
   export default defineComponent({
     name: 'Authority',
diff --git a/src/components/Basic/index.ts b/src/components/Basic/index.ts
index 97a53a101..3fad74cb1 100644
--- a/src/components/Basic/index.ts
+++ b/src/components/Basic/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '/@/utils';
+import { withInstall } from '@/utils';
 import basicArrow from './src/BasicArrow.vue';
 import basicTitle from './src/BasicTitle.vue';
 import basicHelp from './src/BasicHelp.vue';
diff --git a/src/components/Basic/src/BasicArrow.vue b/src/components/Basic/src/BasicArrow.vue
index 1c3665615..400e3daf2 100644
--- a/src/components/Basic/src/BasicArrow.vue
+++ b/src/components/Basic/src/BasicArrow.vue
@@ -10,7 +10,7 @@
 <script lang="ts" setup>
   import { computed } from 'vue';
   import Icon from '@/components/Icon/Icon.vue';
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { useDesign } from '@/hooks/web/useDesign';
 
   const props = defineProps({
     /**
diff --git a/src/components/Basic/src/BasicHelp.vue b/src/components/Basic/src/BasicHelp.vue
index 8125844ac..67c5c05e1 100644
--- a/src/components/Basic/src/BasicHelp.vue
+++ b/src/components/Basic/src/BasicHelp.vue
@@ -3,10 +3,10 @@
   import { defineComponent, computed, unref } from 'vue';
   import { Tooltip } from 'ant-design-vue';
   import { InfoCircleOutlined } from '@ant-design/icons-vue';
-  import { getPopupContainer } from '/@/utils';
-  import { isString, isArray } from '/@/utils/is';
-  import { getSlot } from '/@/utils/helper/tsxHelper';
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { getPopupContainer } from '@/utils';
+  import { isString, isArray } from '@/utils/is';
+  import { getSlot } from '@/utils/helper/tsxHelper';
+  import { useDesign } from '@/hooks/web/useDesign';
 
   const props = {
     /**
diff --git a/src/components/Basic/src/BasicTitle.vue b/src/components/Basic/src/BasicTitle.vue
index 8ad399f67..06ca7ef7a 100644
--- a/src/components/Basic/src/BasicTitle.vue
+++ b/src/components/Basic/src/BasicTitle.vue
@@ -8,7 +8,7 @@
   import type { PropType } from 'vue';
   import { useSlots, computed } from 'vue';
   import BasicHelp from './BasicHelp.vue';
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { useDesign } from '@/hooks/web/useDesign';
 
   const props = defineProps({
     /**
diff --git a/src/components/Button/index.ts b/src/components/Button/index.ts
index 98add5c30..49ad67a8f 100644
--- a/src/components/Button/index.ts
+++ b/src/components/Button/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '/@/utils';
+import { withInstall } from '@/utils';
 import type { ExtractPropTypes } from 'vue';
 import button from './src/BasicButton.vue';
 import popConfirmButton from './src/PopConfirmButton.vue';
diff --git a/src/components/Button/src/PopConfirmButton.vue b/src/components/Button/src/PopConfirmButton.vue
index 4c90ace66..1e33889f4 100644
--- a/src/components/Button/src/PopConfirmButton.vue
+++ b/src/components/Button/src/PopConfirmButton.vue
@@ -2,10 +2,10 @@
   import { computed, defineComponent, h, unref } from 'vue';
   import BasicButton from './BasicButton.vue';
   import { Popconfirm } from 'ant-design-vue';
-  import { extendSlots } from '/@/utils/helper/tsxHelper';
+  import { extendSlots } from '@/utils/helper/tsxHelper';
   import { omit } from 'lodash-es';
   import { useAttrs } from '@vben/hooks';
-  import { useI18n } from '/@/hooks/web/useI18n';
+  import { useI18n } from '@/hooks/web/useI18n';
 
   const props = {
     /**
diff --git a/src/components/CardList/index.ts b/src/components/CardList/index.ts
index b977c1b16..e4c6a2136 100644
--- a/src/components/CardList/index.ts
+++ b/src/components/CardList/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '/@/utils';
+import { withInstall } from '@/utils';
 import cardList from './src/CardList.vue';
 
 export const CardList = withInstall(cardList);
diff --git a/src/components/CardList/src/CardList.vue b/src/components/CardList/src/CardList.vue
index efa8e4305..449fa9874 100644
--- a/src/components/CardList/src/CardList.vue
+++ b/src/components/CardList/src/CardList.vue
@@ -83,11 +83,11 @@
     TableOutlined,
   } from '@ant-design/icons-vue';
   import { List, Card, Image, Typography, Tooltip, Slider, Avatar } from 'ant-design-vue';
-  import { Dropdown } from '/@/components/Dropdown';
-  import { BasicForm, useForm } from '/@/components/Form';
-  import { propTypes } from '/@/utils/propTypes';
-  import { Button } from '/@/components/Button';
-  import { isFunction } from '/@/utils/is';
+  import { Dropdown } from '@/components/Dropdown';
+  import { BasicForm, useForm } from '@/components/Form';
+  import { propTypes } from '@/utils/propTypes';
+  import { Button } from '@/components/Button';
+  import { isFunction } from '@/utils/is';
   import { useSlider, grid } from './data';
 
   const ListItem = List.Item;
diff --git a/src/components/ClickOutSide/index.ts b/src/components/ClickOutSide/index.ts
index 5e7dd2d33..19c90333b 100644
--- a/src/components/ClickOutSide/index.ts
+++ b/src/components/ClickOutSide/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '/@/utils';
+import { withInstall } from '@/utils';
 import clickOutSide from './src/ClickOutSide.vue';
 
 export const ClickOutSide = withInstall(clickOutSide);
diff --git a/src/components/CodeEditor/index.ts b/src/components/CodeEditor/index.ts
index 95c013be3..77d6290f2 100644
--- a/src/components/CodeEditor/index.ts
+++ b/src/components/CodeEditor/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '/@/utils';
+import { withInstall } from '@/utils';
 import codeEditor from './src/CodeEditor.vue';
 import { MODE } from './src/typing';
 
diff --git a/src/components/CodeEditor/src/CodeEditor.vue b/src/components/CodeEditor/src/CodeEditor.vue
index 5200536b7..be68fe3d7 100644
--- a/src/components/CodeEditor/src/CodeEditor.vue
+++ b/src/components/CodeEditor/src/CodeEditor.vue
@@ -14,7 +14,7 @@
   import { PropType, ref, onBeforeUpdate } from 'vue';
   import { Codemirror } from 'vue-codemirror';
   import { MODE } from './typing';
-  import { useAppStore } from '/@/store/modules/app';
+  import { useAppStore } from '@/store/modules/app';
   import { githubLight, githubDark } from '@uiw/codemirror-theme-github';
   import { StreamLanguage } from '@codemirror/language';
   import { yaml } from '@codemirror/legacy-modes/mode/yaml';
diff --git a/src/components/Container/index.ts b/src/components/Container/index.ts
index 502a0dd24..4a90c3df7 100644
--- a/src/components/Container/index.ts
+++ b/src/components/Container/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '/@/utils';
+import { withInstall } from '@/utils';
 import collapseContainer from './src/collapse/CollapseContainer.vue';
 import scrollContainer from './src/ScrollContainer.vue';
 
diff --git a/src/components/Container/src/ScrollContainer.vue b/src/components/Container/src/ScrollContainer.vue
index 2580eec9a..6bc2720fd 100644
--- a/src/components/Container/src/ScrollContainer.vue
+++ b/src/components/Container/src/ScrollContainer.vue
@@ -11,7 +11,7 @@
 
 <script lang="ts">
   import { defineComponent, ref, unref, nextTick } from 'vue';
-  import { Scrollbar, ScrollbarType } from '/@/components/Scrollbar';
+  import { Scrollbar, ScrollbarType } from '@/components/Scrollbar';
   import { useScrollTo } from '@vben/hooks';
   import { type Nullable } from '@vben/types';
 
diff --git a/src/components/Container/src/collapse/CollapseContainer.vue b/src/components/Container/src/collapse/CollapseContainer.vue
index 234dbf368..3038601c1 100644
--- a/src/components/Container/src/collapse/CollapseContainer.vue
+++ b/src/components/Container/src/collapse/CollapseContainer.vue
@@ -3,10 +3,10 @@
   import { isNil } from 'lodash-es';
   import { Skeleton } from 'ant-design-vue';
   import { useTimeoutFn } from '@vben/hooks';
-  import { CollapseTransition } from '/@/components/Transition';
+  import { CollapseTransition } from '@/components/Transition';
   import CollapseHeader from './CollapseHeader.vue';
-  import { triggerWindowResize } from '/@/utils/event';
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { triggerWindowResize } from '@/utils/event';
+  import { useDesign } from '@/hooks/web/useDesign';
 
   const collapseContainerProps = {
     title: { type: String, default: '' },
diff --git a/src/components/Container/src/collapse/CollapseHeader.vue b/src/components/Container/src/collapse/CollapseHeader.vue
index 8b80cf8ce..b49bb2a0b 100644
--- a/src/components/Container/src/collapse/CollapseHeader.vue
+++ b/src/components/Container/src/collapse/CollapseHeader.vue
@@ -1,7 +1,7 @@
 <script lang="tsx">
   import { defineComponent, computed, unref, type ExtractPropTypes, PropType } from 'vue';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { BasicArrow, BasicTitle } from '/@/components/Basic';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { BasicArrow, BasicTitle } from '@/components/Basic';
 
   const collapseHeaderProps = {
     prefixCls: String,
diff --git a/src/components/ContextMenu/src/createContextMenu.ts b/src/components/ContextMenu/src/createContextMenu.ts
index 0d93290bc..e5bd2cf99 100644
--- a/src/components/ContextMenu/src/createContextMenu.ts
+++ b/src/components/ContextMenu/src/createContextMenu.ts
@@ -1,5 +1,5 @@
 import contextMenuVue from './ContextMenu.vue';
-import { isClient } from '/@/utils/is';
+import { isClient } from '@/utils/is';
 import { CreateContextOptions, ContextMenuProps } from './typing';
 import { createVNode, render } from 'vue';
 
diff --git a/src/components/CountDown/index.ts b/src/components/CountDown/index.ts
index 980941694..0da9d31aa 100644
--- a/src/components/CountDown/index.ts
+++ b/src/components/CountDown/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '/@/utils';
+import { withInstall } from '@/utils';
 import countButton from './src/CountButton.vue';
 import countdownInput from './src/CountdownInput.vue';
 
diff --git a/src/components/CountDown/src/CountButton.vue b/src/components/CountDown/src/CountButton.vue
index 1ef520ede..9fb52f6eb 100644
--- a/src/components/CountDown/src/CountButton.vue
+++ b/src/components/CountDown/src/CountButton.vue
@@ -7,8 +7,8 @@
   import { defineComponent, ref, watchEffect, computed, unref } from 'vue';
   import { Button } from 'ant-design-vue';
   import { useCountdown } from './useCountdown';
-  import { isFunction } from '/@/utils/is';
-  import { useI18n } from '/@/hooks/web/useI18n';
+  import { isFunction } from '@/utils/is';
+  import { useI18n } from '@/hooks/web/useI18n';
 
   const props = {
     value: { type: [Object, Number, String, Array] },
diff --git a/src/components/CountDown/src/CountdownInput.vue b/src/components/CountDown/src/CountdownInput.vue
index 5cd939d85..56e61bf6d 100644
--- a/src/components/CountDown/src/CountdownInput.vue
+++ b/src/components/CountDown/src/CountdownInput.vue
@@ -11,8 +11,8 @@
 <script lang="ts">
   import { defineComponent, PropType } from 'vue';
   import CountButton from './CountButton.vue';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { useRuleFormItem } from '/@/hooks/component/useFormItem';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { useRuleFormItem } from '@/hooks/component/useFormItem';
 
   const props = {
     value: { type: String },
diff --git a/src/components/CountTo/index.ts b/src/components/CountTo/index.ts
index 36a4e65a3..0c4194132 100644
--- a/src/components/CountTo/index.ts
+++ b/src/components/CountTo/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '/@/utils';
+import { withInstall } from '@/utils';
 import countTo from './src/CountTo.vue';
 
 export const CountTo = withInstall(countTo);
diff --git a/src/components/CountTo/src/CountTo.vue b/src/components/CountTo/src/CountTo.vue
index 7de336165..e98d0942e 100644
--- a/src/components/CountTo/src/CountTo.vue
+++ b/src/components/CountTo/src/CountTo.vue
@@ -6,7 +6,7 @@
 <script lang="ts">
   import { defineComponent, ref, computed, watchEffect, unref, onMounted, watch } from 'vue';
   import { useTransition, TransitionPresets } from '@vueuse/core';
-  import { isNumber } from '/@/utils/is';
+  import { isNumber } from '@/utils/is';
 
   const props = {
     startVal: { type: Number, default: 0 },
diff --git a/src/components/Cropper/index.ts b/src/components/Cropper/index.ts
index 88d6d1d53..df20be08f 100644
--- a/src/components/Cropper/index.ts
+++ b/src/components/Cropper/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '/@/utils';
+import { withInstall } from '@/utils';
 import cropperImage from './src/Cropper.vue';
 import avatarCropper from './src/CropperAvatar.vue';
 
diff --git a/src/components/Cropper/src/Cropper.vue b/src/components/Cropper/src/Cropper.vue
index 4523ad434..5b9b38f95 100644
--- a/src/components/Cropper/src/Cropper.vue
+++ b/src/components/Cropper/src/Cropper.vue
@@ -15,7 +15,7 @@
   import { defineComponent, onMounted, ref, unref, computed, onUnmounted } from 'vue';
   import Cropper from 'cropperjs';
   import 'cropperjs/dist/cropper.css';
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { useDesign } from '@/hooks/web/useDesign';
   import { useDebounceFn } from '@vueuse/shared';
 
   type Options = Cropper.Options;
diff --git a/src/components/Cropper/src/CropperAvatar.vue b/src/components/Cropper/src/CropperAvatar.vue
index b1be3f4a6..19de69ac5 100644
--- a/src/components/Cropper/src/CropperAvatar.vue
+++ b/src/components/Cropper/src/CropperAvatar.vue
@@ -41,13 +41,13 @@
     PropType,
   } from 'vue';
   import CropperModal from './CropperModal.vue';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { useModal } from '/@/components/Modal';
-  import { useMessage } from '/@/hooks/web/useMessage';
-  import { useI18n } from '/@/hooks/web/useI18n';
-  import type { ButtonProps } from '/@/components/Button';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { useModal } from '@/components/Modal';
+  import { useMessage } from '@/hooks/web/useMessage';
+  import { useI18n } from '@/hooks/web/useI18n';
+  import type { ButtonProps } from '@/components/Button';
   import Icon from '@/components/Icon/Icon.vue';
-  import { propTypes } from '/@/utils/propTypes';
+  import { propTypes } from '@/utils/propTypes';
 
   const props = {
     width: { type: [String, Number], default: '200px' },
diff --git a/src/components/Cropper/src/CropperModal.vue b/src/components/Cropper/src/CropperModal.vue
index e68150fe1..017d60be9 100644
--- a/src/components/Cropper/src/CropperModal.vue
+++ b/src/components/Cropper/src/CropperModal.vue
@@ -118,11 +118,11 @@
 
   import { defineComponent, ref } from 'vue';
   import CropperImage from './Cropper.vue';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { BasicModal, useModalInner } from '/@/components/Modal';
-  import { dataURLtoBlob } from '/@/utils/file/base64Conver';
-  import { isFunction } from '/@/utils/is';
-  import { useI18n } from '/@/hooks/web/useI18n';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { dataURLtoBlob } from '@/utils/file/base64Conver';
+  import { isFunction } from '@/utils/is';
+  import { useI18n } from '@/hooks/web/useI18n';
 
   // type apiFunParams = { file: Blob; name: string; filename: string };
 
diff --git a/src/components/Description/index.ts b/src/components/Description/index.ts
index 58277d063..c75c4dbdb 100644
--- a/src/components/Description/index.ts
+++ b/src/components/Description/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '/@/utils';
+import { withInstall } from '@/utils';
 import description from './src/Description.vue';
 
 export * from './src/typing';
diff --git a/src/components/Description/src/Description.vue b/src/components/Description/src/Description.vue
index d24b381aa..dd76a0dc2 100644
--- a/src/components/Description/src/Description.vue
+++ b/src/components/Description/src/Description.vue
@@ -1,7 +1,7 @@
 <script lang="tsx">
   import type { DescriptionProps, DescInstance, DescItem } from './typing';
   import type { DescriptionsProps } from 'ant-design-vue/es/descriptions/index';
-  import type { CollapseContainerOptions } from '/@/components/Container/index';
+  import type { CollapseContainerOptions } from '@/components/Container/index';
   import {
     type CSSProperties,
     type PropType,
@@ -13,10 +13,10 @@
   } from 'vue';
   import { get } from 'lodash-es';
   import { Descriptions } from 'ant-design-vue';
-  import { CollapseContainer } from '/@/components/Container/index';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { isFunction } from '/@/utils/is';
-  import { getSlot } from '/@/utils/helper/tsxHelper';
+  import { CollapseContainer } from '@/components/Container/index';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { isFunction } from '@/utils/is';
+  import { getSlot } from '@/utils/helper/tsxHelper';
   import { useAttrs } from '@vben/hooks';
 
   const props = {
diff --git a/src/components/Description/src/typing.ts b/src/components/Description/src/typing.ts
index ee96084b3..9893a09d8 100644
--- a/src/components/Description/src/typing.ts
+++ b/src/components/Description/src/typing.ts
@@ -1,5 +1,5 @@
 import type { VNode, CSSProperties } from 'vue';
-import type { CollapseContainerOptions } from '/@/components/Container/index';
+import type { CollapseContainerOptions } from '@/components/Container/index';
 import type { DescriptionsProps } from 'ant-design-vue/es/descriptions/index';
 
 export interface DescItem {
diff --git a/src/components/Description/src/useDescription.ts b/src/components/Description/src/useDescription.ts
index d1037d065..062f53ca2 100644
--- a/src/components/Description/src/useDescription.ts
+++ b/src/components/Description/src/useDescription.ts
@@ -1,6 +1,6 @@
 import type { DescriptionProps, DescInstance, UseDescReturnType } from './typing';
 import { ref, getCurrentInstance, unref } from 'vue';
-import { isProdMode } from '/@/utils/env';
+import { isProdMode } from '@/utils/env';
 
 export function useDescription(props?: Partial<DescriptionProps>): UseDescReturnType {
   if (!getCurrentInstance()) {
diff --git a/src/components/Drawer/index.ts b/src/components/Drawer/index.ts
index 820ade569..0eb1a16ec 100644
--- a/src/components/Drawer/index.ts
+++ b/src/components/Drawer/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '/@/utils';
+import { withInstall } from '@/utils';
 import basicDrawer from './src/BasicDrawer.vue';
 
 export const BasicDrawer = withInstall(basicDrawer);
diff --git a/src/components/Drawer/src/BasicDrawer.vue b/src/components/Drawer/src/BasicDrawer.vue
index e7016852e..63498c16d 100644
--- a/src/components/Drawer/src/BasicDrawer.vue
+++ b/src/components/Drawer/src/BasicDrawer.vue
@@ -48,14 +48,14 @@
     getCurrentInstance,
   } from 'vue';
   import { Drawer } from 'ant-design-vue';
-  import { useI18n } from '/@/hooks/web/useI18n';
-  import { isFunction, isNumber } from '/@/utils/is';
-  import { deepMerge } from '/@/utils';
+  import { useI18n } from '@/hooks/web/useI18n';
+  import { isFunction, isNumber } from '@/utils/is';
+  import { deepMerge } from '@/utils';
   import DrawerFooter from './components/DrawerFooter.vue';
   import DrawerHeader from './components/DrawerHeader.vue';
-  import { ScrollContainer } from '/@/components/Container';
+  import { ScrollContainer } from '@/components/Container';
   import { basicProps } from './props';
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { useDesign } from '@/hooks/web/useDesign';
   import { useAttrs } from '@vben/hooks';
 
   export default defineComponent({
diff --git a/src/components/Drawer/src/components/DrawerFooter.vue b/src/components/Drawer/src/components/DrawerFooter.vue
index e5c08f6dd..44036002e 100644
--- a/src/components/Drawer/src/components/DrawerFooter.vue
+++ b/src/components/Drawer/src/components/DrawerFooter.vue
@@ -27,7 +27,7 @@
 <script lang="ts">
   import type { CSSProperties } from 'vue';
   import { defineComponent, computed } from 'vue';
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { useDesign } from '@/hooks/web/useDesign';
 
   import { footerProps } from '../props';
 
diff --git a/src/components/Drawer/src/components/DrawerHeader.vue b/src/components/Drawer/src/components/DrawerHeader.vue
index 09a3ad040..434373b6c 100644
--- a/src/components/Drawer/src/components/DrawerHeader.vue
+++ b/src/components/Drawer/src/components/DrawerHeader.vue
@@ -19,12 +19,12 @@
 </template>
 <script lang="ts">
   import { defineComponent } from 'vue';
-  import { BasicTitle } from '/@/components/Basic';
+  import { BasicTitle } from '@/components/Basic';
   import { ArrowLeftOutlined } from '@ant-design/icons-vue';
 
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { useDesign } from '@/hooks/web/useDesign';
 
-  import { propTypes } from '/@/utils/propTypes';
+  import { propTypes } from '@/utils/propTypes';
 
   export default defineComponent({
     name: 'BasicDrawerHeader',
diff --git a/src/components/Drawer/src/props.ts b/src/components/Drawer/src/props.ts
index 824ec6759..30a624d50 100644
--- a/src/components/Drawer/src/props.ts
+++ b/src/components/Drawer/src/props.ts
@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
 
-import { useI18n } from '/@/hooks/web/useI18n';
+import { useI18n } from '@/hooks/web/useI18n';
 
 const { t } = useI18n();
 
diff --git a/src/components/Drawer/src/typing.ts b/src/components/Drawer/src/typing.ts
index 6880aff7f..ebc99dec1 100644
--- a/src/components/Drawer/src/typing.ts
+++ b/src/components/Drawer/src/typing.ts
@@ -1,6 +1,6 @@
 import type { ButtonProps } from 'ant-design-vue/lib/button/buttonTypes';
 import type { CSSProperties, VNodeChild, ComputedRef } from 'vue';
-import type { ScrollContainerOptions } from '/@/components/Container/index';
+import type { ScrollContainerOptions } from '@/components/Container/index';
 
 export interface DrawerInstance {
   setDrawerProps: (props: Partial<DrawerProps>) => void;
diff --git a/src/components/Drawer/src/useDrawer.ts b/src/components/Drawer/src/useDrawer.ts
index b640b681c..22db76890 100644
--- a/src/components/Drawer/src/useDrawer.ts
+++ b/src/components/Drawer/src/useDrawer.ts
@@ -15,11 +15,11 @@ import {
   toRaw,
   computed,
 } from 'vue';
-import { isProdMode } from '/@/utils/env';
-import { isFunction } from '/@/utils/is';
+import { isProdMode } from '@/utils/env';
+import { isFunction } from '@/utils/is';
 import { tryOnUnmounted } from '@vueuse/core';
 import { isEqual } from 'lodash-es';
-import { error } from '/@/utils/log';
+import { error } from '@/utils/log';
 
 const dataTransferRef = reactive<any>({});
 
diff --git a/src/components/Dropdown/index.ts b/src/components/Dropdown/index.ts
index 80439e50e..98b3041e1 100644
--- a/src/components/Dropdown/index.ts
+++ b/src/components/Dropdown/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '/@/utils';
+import { withInstall } from '@/utils';
 import dropdown from './src/Dropdown.vue';
 
 export * from './src/typing';
diff --git a/src/components/Dropdown/src/Dropdown.vue b/src/components/Dropdown/src/Dropdown.vue
index 973a7a3ac..5deea9990 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/Excel/index.ts b/src/components/Excel/index.ts
index cece07c4d..73228babd 100644
--- a/src/components/Excel/index.ts
+++ b/src/components/Excel/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '/@/utils';
+import { withInstall } from '@/utils';
 import impExcel from './src/ImportExcel.vue';
 import expExcelModal from './src/ExportExcelModal.vue';
 
diff --git a/src/components/Excel/src/ExportExcelModal.vue b/src/components/Excel/src/ExportExcelModal.vue
index aeddcbb41..e1148a16e 100644
--- a/src/components/Excel/src/ExportExcelModal.vue
+++ b/src/components/Excel/src/ExportExcelModal.vue
@@ -16,10 +16,10 @@
 <script lang="ts">
   import type { ExportModalResult } from './typing';
   import { defineComponent } from 'vue';
-  import { BasicModal, useModalInner } from '/@/components/Modal';
-  import { BasicForm, FormSchema, useForm } from '/@/components/Form/index';
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { BasicForm, FormSchema, useForm } from '@/components/Form/index';
 
-  import { useI18n } from '/@/hooks/web/useI18n';
+  import { useI18n } from '@/hooks/web/useI18n';
 
   const { t } = useI18n();
 
diff --git a/src/components/Excel/src/ImportExcel.vue b/src/components/Excel/src/ImportExcel.vue
index 99217a29d..fc6986ca3 100644
--- a/src/components/Excel/src/ImportExcel.vue
+++ b/src/components/Excel/src/ImportExcel.vue
@@ -15,7 +15,7 @@
 <script lang="ts">
   import { defineComponent, ref, unref } from 'vue';
   import * as XLSX from 'xlsx';
-  import { dateUtil } from '/@/utils/dateUtil';
+  import { dateUtil } from '@/utils/dateUtil';
 
   import type { ExcelData } from './typing';
 
diff --git a/src/components/FlowChart/index.ts b/src/components/FlowChart/index.ts
index edbeb5591..bad85db3f 100644
--- a/src/components/FlowChart/index.ts
+++ b/src/components/FlowChart/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '/@/utils';
+import { withInstall } from '@/utils';
 import flowChart from './src/FlowChart.vue';
 
 export const FlowChart = withInstall(flowChart);
diff --git a/src/components/FlowChart/src/FlowChart.vue b/src/components/FlowChart/src/FlowChart.vue
index 419b0fea7..f4d98794b 100644
--- a/src/components/FlowChart/src/FlowChart.vue
+++ b/src/components/FlowChart/src/FlowChart.vue
@@ -14,12 +14,12 @@
   import FlowChartToolbar from './FlowChartToolbar.vue';
   import LogicFlow from '@logicflow/core';
   import { Snapshot, BpmnElement, Menu, DndPanel, SelectionSelect } from '@logicflow/extension';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { useAppStore } from '/@/store/modules/app';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { useAppStore } from '@/store/modules/app';
   import { createFlowChartContext } from './useFlowContext';
   import { toLogicFlowData } from './adpterForTurbo';
-  import { useModal, BasicModal } from '/@/components/Modal';
-  import { JsonPreview } from '/@/components/CodeEditor';
+  import { useModal, BasicModal } from '@/components/Modal';
+  import { JsonPreview } from '@/components/CodeEditor';
   import { configDefaultDndPanel } from './config';
   import '@logicflow/core/dist/style/index.css';
   import '@logicflow/extension/lib/style/index.css';
diff --git a/src/components/Form/src/BasicForm.vue b/src/components/Form/src/BasicForm.vue
index 99492612f..f3024cee3 100644
--- a/src/components/Form/src/BasicForm.vue
+++ b/src/components/Form/src/BasicForm.vue
@@ -48,20 +48,20 @@
   import FormAction from './components/FormAction.vue';
 
   import { dateItemType, isIncludeSimpleComponents } from './helper';
-  import { dateUtil } from '/@/utils/dateUtil';
+  import { dateUtil } from '@/utils/dateUtil';
 
-  import { deepMerge } from '/@/utils';
+  import { deepMerge } from '@/utils';
 
   import { useFormValues } from './hooks/useFormValues';
   import useAdvanced from './hooks/useAdvanced';
   import { useFormEvents } from './hooks/useFormEvents';
   import { createFormContext } from './hooks/useFormContext';
   import { useAutoFocus } from './hooks/useAutoFocus';
-  import { useModalContext } from '/@/components/Modal';
+  import { useModalContext } from '@/components/Modal';
   import { useDebounceFn } from '@vueuse/core';
 
   import { basicProps } from './props';
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { useDesign } from '@/hooks/web/useDesign';
   import { cloneDeep } from 'lodash-es';
 
   export default defineComponent({
diff --git a/src/components/Form/src/components/ApiMultipleSelect.vue b/src/components/Form/src/components/ApiMultipleSelect.vue
index d80968286..39d49c886 100644
--- a/src/components/Form/src/components/ApiMultipleSelect.vue
+++ b/src/components/Form/src/components/ApiMultipleSelect.vue
@@ -24,13 +24,13 @@
 <script lang="ts">
   import { defineComponent, PropType, ref, watchEffect, computed, unref, watch } from 'vue';
   import { Select } from 'ant-design-vue';
-  import { isFunction } from '/@/utils/is';
-  import { useRuleFormItem } from '/@/hooks/component/useFormItem';
+  import { isFunction } from '@/utils/is';
+  import { useRuleFormItem } from '@/hooks/component/useFormItem';
   import { useAttrs } from '@vben/hooks';
   import { get, omit } from 'lodash-es';
   import { LoadingOutlined } from '@ant-design/icons-vue';
-  import { useI18n } from '/@/hooks/web/useI18n';
-  import { propTypes } from '/@/utils/propTypes';
+  import { useI18n } from '@/hooks/web/useI18n';
+  import { propTypes } from '@/utils/propTypes';
 
   type OptionsItem = { label: string; value: string; disabled?: boolean };
 
diff --git a/src/components/Form/src/components/ApiRadioGroup.vue b/src/components/Form/src/components/ApiRadioGroup.vue
index 8285cdff1..bc644c8f4 100644
--- a/src/components/Form/src/components/ApiRadioGroup.vue
+++ b/src/components/Form/src/components/ApiRadioGroup.vue
@@ -21,12 +21,12 @@
 <script lang="ts">
   import { defineComponent, type PropType, ref, watchEffect, computed, unref, watch } from 'vue';
   import { Radio } from 'ant-design-vue';
-  import { isFunction } from '/@/utils/is';
-  import { useRuleFormItem } from '/@/hooks/component/useFormItem';
+  import { isFunction } from '@/utils/is';
+  import { useRuleFormItem } from '@/hooks/component/useFormItem';
   import { useAttrs } from '@vben/hooks';
-  import { propTypes } from '/@/utils/propTypes';
+  import { propTypes } from '@/utils/propTypes';
   import { get, omit } from 'lodash-es';
-  import { useI18n } from '/@/hooks/web/useI18n';
+  import { useI18n } from '@/hooks/web/useI18n';
 
   type OptionsItem = { label: string; value: string | number | boolean; disabled?: boolean };
 
diff --git a/src/components/Form/src/components/ApiSelect.vue b/src/components/Form/src/components/ApiSelect.vue
index bee913b76..64911c889 100644
--- a/src/components/Form/src/components/ApiSelect.vue
+++ b/src/components/Form/src/components/ApiSelect.vue
@@ -28,13 +28,13 @@
   import { defineComponent, PropType, ref, computed, unref, watch } from 'vue';
   import { Select } from 'ant-design-vue';
   import type { SelectValue } from 'ant-design-vue/es/select';
-  import { isFunction } from '/@/utils/is';
-  import { useRuleFormItem } from '/@/hooks/component/useFormItem';
+  import { isFunction } from '@/utils/is';
+  import { useRuleFormItem } from '@/hooks/component/useFormItem';
   import { useAttrs } from '@vben/hooks';
   import { get, omit } from 'lodash-es';
   import { LoadingOutlined } from '@ant-design/icons-vue';
-  import { useI18n } from '/@/hooks/web/useI18n';
-  import { propTypes } from '/@/utils/propTypes';
+  import { useI18n } from '@/hooks/web/useI18n';
+  import { propTypes } from '@/utils/propTypes';
 
   type OptionsItem = { label?: string; value?: string; disabled?: boolean; [name: string]: any };
 
diff --git a/src/components/Form/src/components/ApiTransfer.vue b/src/components/Form/src/components/ApiTransfer.vue
index 73516ff16..abb356eea 100644
--- a/src/components/Form/src/components/ApiTransfer.vue
+++ b/src/components/Form/src/components/ApiTransfer.vue
@@ -15,10 +15,10 @@
 <script lang="ts">
   import { computed, defineComponent, watch, ref, unref, watchEffect, PropType } from 'vue';
   import { Transfer } from 'ant-design-vue';
-  import { isFunction } from '/@/utils/is';
+  import { isFunction } from '@/utils/is';
   import { get, omit } from 'lodash-es';
-  import { propTypes } from '/@/utils/propTypes';
-  import { useI18n } from '/@/hooks/web/useI18n';
+  import { propTypes } from '@/utils/propTypes';
+  import { useI18n } from '@/hooks/web/useI18n';
   import { TransferDirection, TransferItem } from 'ant-design-vue/lib/transfer';
 
   export default defineComponent({
diff --git a/src/components/Form/src/components/ApiTree.vue b/src/components/Form/src/components/ApiTree.vue
index 33e1bc9f7..dc874b6cf 100644
--- a/src/components/Form/src/components/ApiTree.vue
+++ b/src/components/Form/src/components/ApiTree.vue
@@ -10,9 +10,9 @@
   import { type Recordable, type AnyFunction } from '@vben/types';
   import { type PropType, computed, defineComponent, watch, ref, onMounted, unref } from 'vue';
   import { Tree } from 'ant-design-vue';
-  import { isArray, isFunction } from '/@/utils/is';
+  import { isArray, isFunction } from '@/utils/is';
   import { get } from 'lodash-es';
-  import { propTypes } from '/@/utils/propTypes';
+  import { propTypes } from '@/utils/propTypes';
   import type { DataNode } from 'ant-design-vue/lib/vc-tree/interface';
 
   export default defineComponent({
diff --git a/src/components/Form/src/components/ApiTreeSelect.vue b/src/components/Form/src/components/ApiTreeSelect.vue
index cea01b072..446316678 100644
--- a/src/components/Form/src/components/ApiTreeSelect.vue
+++ b/src/components/Form/src/components/ApiTreeSelect.vue
@@ -12,11 +12,11 @@
 <script lang="ts">
   import { computed, defineComponent, watch, ref, onMounted, unref } from 'vue';
   import { TreeSelect } from 'ant-design-vue';
-  import { isArray, isFunction } from '/@/utils/is';
+  import { isArray, isFunction } from '@/utils/is';
   import { get } from 'lodash-es';
-  import { propTypes } from '/@/utils/propTypes';
+  import { propTypes } from '@/utils/propTypes';
   import { LoadingOutlined } from '@ant-design/icons-vue';
-  import { buildTreeNode } from '/@/utils/tree';
+  import { buildTreeNode } from '@/utils/tree';
 
   export default defineComponent({
     name: 'ApiTreeSelect',
diff --git a/src/components/Form/src/components/DictionarySelect.vue b/src/components/Form/src/components/DictionarySelect.vue
index bdc29ae1c..47075ce08 100644
--- a/src/components/Form/src/components/DictionarySelect.vue
+++ b/src/components/Form/src/components/DictionarySelect.vue
@@ -19,11 +19,11 @@
   import { Select } from 'ant-design-vue';
   import { useAttrs } from '@vben/hooks';
   import { LoadingOutlined } from '@ant-design/icons-vue';
-  import { useI18n } from '/@/hooks/web/useI18n';
-  import { propTypes } from '/@/utils/propTypes';
-  import { useDictionaryStore } from '/@/store/modules/dictionary';
+  import { useI18n } from '@/hooks/web/useI18n';
+  import { propTypes } from '@/utils/propTypes';
+  import { useDictionaryStore } from '@/store/modules/dictionary';
   import { DefaultOptionType } from 'ant-design-vue/lib/select';
-  import { useRuleFormItem } from '/@/hooks/component/useFormItem';
+  import { useRuleFormItem } from '@/hooks/component/useFormItem';
 
   export default defineComponent({
     name: 'DictionarySelect',
diff --git a/src/components/Form/src/components/FormAction.vue b/src/components/Form/src/components/FormAction.vue
index 3f0267563..e376d437d 100644
--- a/src/components/Form/src/components/FormAction.vue
+++ b/src/components/Form/src/components/FormAction.vue
@@ -43,11 +43,11 @@
   import type { ColEx } from '../types/index';
   import { defineComponent, computed, PropType } from 'vue';
   import { Form, Col } from 'ant-design-vue';
-  import { Button, ButtonProps } from '/@/components/Button';
-  import { BasicArrow } from '/@/components/Basic';
+  import { Button, ButtonProps } from '@/components/Button';
+  import { BasicArrow } from '@/components/Basic';
   import { useFormContext } from '../hooks/useFormContext';
-  import { useI18n } from '/@/hooks/web/useI18n';
-  import { propTypes } from '/@/utils/propTypes';
+  import { useI18n } from '@/hooks/web/useI18n';
+  import { propTypes } from '@/utils/propTypes';
 
   type ButtonOptions = Partial<ButtonProps> & { text: string };
 
diff --git a/src/components/Form/src/components/RadioButtonGroup.vue b/src/components/Form/src/components/RadioButtonGroup.vue
index 698635e6c..0f36db7d7 100644
--- a/src/components/Form/src/components/RadioButtonGroup.vue
+++ b/src/components/Form/src/components/RadioButtonGroup.vue
@@ -13,8 +13,8 @@
 <script lang="ts">
   import { defineComponent, PropType, computed, ref } from 'vue';
   import { Radio } from 'ant-design-vue';
-  import { isString } from '/@/utils/is';
-  import { useRuleFormItem } from '/@/hooks/component/useFormItem';
+  import { isString } from '@/utils/is';
+  import { useRuleFormItem } from '@/hooks/component/useFormItem';
   import { useAttrs } from '@vben/hooks';
 
   type OptionsItem = { label: string; value: string | number | boolean; disabled?: boolean };
diff --git a/src/components/Form/src/components/SimpleTimePicker.vue b/src/components/Form/src/components/SimpleTimePicker.vue
index 4dd585f3e..44822c19f 100644
--- a/src/components/Form/src/components/SimpleTimePicker.vue
+++ b/src/components/Form/src/components/SimpleTimePicker.vue
@@ -15,9 +15,9 @@
   import { defineComponent, ref, watch } from 'vue';
   import { DatePicker, TimePicker, FormItemRest } from 'ant-design-vue';
   import { useAttrs } from '@vben/hooks';
-  import { useI18n } from '/@/hooks/web/useI18n';
-  import { propTypes } from '/@/utils/propTypes';
-  import { useRuleFormItem } from '/@/hooks/component/useFormItem';
+  import { useI18n } from '@/hooks/web/useI18n';
+  import { propTypes } from '@/utils/propTypes';
+  import { useRuleFormItem } from '@/hooks/component/useFormItem';
   import dayjs from 'dayjs';
 
   export default defineComponent({
diff --git a/src/components/Form/src/helper.ts b/src/components/Form/src/helper.ts
index 2344d379f..ba77b39cf 100644
--- a/src/components/Form/src/helper.ts
+++ b/src/components/Form/src/helper.ts
@@ -1,8 +1,8 @@
 import type { Rule as ValidationRule } from 'ant-design-vue/lib/form/interface';
 import type { ComponentType } from './types/index';
-import { useI18n } from '/@/hooks/web/useI18n';
-import { dateUtil } from '/@/utils/dateUtil';
-import { isNumber, isObject } from '/@/utils/is';
+import { useI18n } from '@/hooks/web/useI18n';
+import { dateUtil } from '@/utils/dateUtil';
+import { isNumber, isObject } from '@/utils/is';
 
 const { t } = useI18n();
 
diff --git a/src/components/Form/src/hooks/useAdvanced.ts b/src/components/Form/src/hooks/useAdvanced.ts
index 70d4c733c..5f54dd422 100644
--- a/src/components/Form/src/hooks/useAdvanced.ts
+++ b/src/components/Form/src/hooks/useAdvanced.ts
@@ -2,8 +2,8 @@ import type { ColEx } from '../types';
 import type { AdvanceState } from '../types/hooks';
 import { ComputedRef, getCurrentInstance, Ref, shallowReactive, computed, unref, watch } from 'vue';
 import type { FormProps, FormSchemaInner as FormSchema } from '../types/form';
-import { isBoolean, isFunction, isNumber, isObject } from '/@/utils/is';
-import { useBreakpoint } from '/@/hooks/event/useBreakpoint';
+import { isBoolean, isFunction, isNumber, isObject } from '@/utils/is';
+import { useBreakpoint } from '@/hooks/event/useBreakpoint';
 import { useDebounceFn } from '@vueuse/core';
 
 const BASIC_COL_LEN = 24;
diff --git a/src/components/Form/src/hooks/useForm.ts b/src/components/Form/src/hooks/useForm.ts
index fd4242e6a..6b864919d 100644
--- a/src/components/Form/src/hooks/useForm.ts
+++ b/src/components/Form/src/hooks/useForm.ts
@@ -7,9 +7,9 @@ import type {
 import type { NamePath } from 'ant-design-vue/lib/form/interface';
 import type { DynamicProps } from '/#/utils';
 import { ref, onUnmounted, unref, nextTick, watch } from 'vue';
-import { isProdMode } from '/@/utils/env';
-import { error } from '/@/utils/log';
-import { getDynamicProps } from '/@/utils';
+import { isProdMode } from '@/utils/env';
+import { error } from '@/utils/log';
+import { getDynamicProps } from '@/utils';
 
 export declare type ValidateFields = (nameList?: NamePath[]) => Promise<Recordable>;
 
diff --git a/src/components/Form/src/hooks/useFormContext.ts b/src/components/Form/src/hooks/useFormContext.ts
index 01dfadd76..099613260 100644
--- a/src/components/Form/src/hooks/useFormContext.ts
+++ b/src/components/Form/src/hooks/useFormContext.ts
@@ -1,5 +1,5 @@
 import type { InjectionKey } from 'vue';
-import { createContext, useContext } from '/@/hooks/core/useContext';
+import { createContext, useContext } from '@/hooks/core/useContext';
 
 export interface FormContextProps {
   resetAction: () => Promise<void>;
diff --git a/src/components/Form/src/hooks/useFormEvents.ts b/src/components/Form/src/hooks/useFormEvents.ts
index b0b37af2c..e4685ae6b 100644
--- a/src/components/Form/src/hooks/useFormEvents.ts
+++ b/src/components/Form/src/hooks/useFormEvents.ts
@@ -2,17 +2,17 @@ import type { ComputedRef, Ref } from 'vue';
 import type { FormProps, FormSchemaInner as FormSchema, FormActionType } from '../types/form';
 import type { NamePath } from 'ant-design-vue/lib/form/interface';
 import { unref, toRaw, nextTick } from 'vue';
-import { isArray, isFunction, isObject, isString, isDef, isNil } from '/@/utils/is';
-import { deepMerge } from '/@/utils';
+import { isArray, isFunction, isObject, isString, isDef, isNil } from '@/utils/is';
+import { deepMerge } from '@/utils';
 import {
   dateItemType,
   handleInputNumberValue,
   defaultValueComponents,
   isIncludeSimpleComponents,
 } from '../helper';
-import { dateUtil } from '/@/utils/dateUtil';
+import { dateUtil } from '@/utils/dateUtil';
 import { cloneDeep, set, uniqBy, get } from 'lodash-es';
-import { error } from '/@/utils/log';
+import { error } from '@/utils/log';
 
 interface UseFormActionContext {
   emit: EmitType;
diff --git a/src/components/Form/src/hooks/useFormValues.ts b/src/components/Form/src/hooks/useFormValues.ts
index 7e971c427..2e0615221 100644
--- a/src/components/Form/src/hooks/useFormValues.ts
+++ b/src/components/Form/src/hooks/useFormValues.ts
@@ -1,5 +1,5 @@
-import { isArray, isFunction, isEmpty, isObject, isString, isNil } from '/@/utils/is';
-import { dateUtil } from '/@/utils/dateUtil';
+import { isArray, isFunction, isEmpty, isObject, isString, isNil } from '@/utils/is';
+import { dateUtil } from '@/utils/dateUtil';
 import { unref } from 'vue';
 import type { Ref, ComputedRef } from 'vue';
 import type { FormProps, FormSchemaInner as FormSchema } from '../types/form';
diff --git a/src/components/Form/src/hooks/useLabelWidth.ts b/src/components/Form/src/hooks/useLabelWidth.ts
index 28a63e77f..511ba42c2 100644
--- a/src/components/Form/src/hooks/useLabelWidth.ts
+++ b/src/components/Form/src/hooks/useLabelWidth.ts
@@ -1,7 +1,7 @@
 import type { Ref } from 'vue';
 import { computed, unref } from 'vue';
 import type { FormProps, FormSchemaInner as FormSchema } from '../types/form';
-import { isNumber } from '/@/utils/is';
+import { isNumber } from '@/utils/is';
 
 export function useItemLabelWidth(schemaItemRef: Ref<FormSchema>, propsRef: Ref<FormProps>) {
   return computed(() => {
diff --git a/src/components/Form/src/props.ts b/src/components/Form/src/props.ts
index f3f6a2e4f..fb96e471e 100644
--- a/src/components/Form/src/props.ts
+++ b/src/components/Form/src/props.ts
@@ -1,10 +1,10 @@
 import type { FieldMapToTime, FormSchema } from './types/form';
 import type { CSSProperties, PropType } from 'vue';
 import type { ColEx } from './types';
-import type { TableActionType } from '/@/components/Table';
+import type { TableActionType } from '@/components/Table';
 import type { ButtonProps } from 'ant-design-vue/es/button/buttonTypes';
 import type { RowProps } from 'ant-design-vue/lib/grid/Row';
-import { propTypes } from '/@/utils/propTypes';
+import { propTypes } from '@/utils/propTypes';
 
 export const basicProps = {
   model: {
diff --git a/src/components/Form/src/types/index.ts b/src/components/Form/src/types/index.ts
index 832df3062..a4756a3b6 100644
--- a/src/components/Form/src/types/index.ts
+++ b/src/components/Form/src/types/index.ts
@@ -130,7 +130,7 @@ interface _CustomComponents {
   DictionarySelect: ExtractPropTypes<
     (typeof import('../components/DictionarySelect.vue'))['default']
   >;
-  CodeEditor: ExtractPropTypes<(typeof import('/@/components/CodeEditor'))['CodeEditor']>;
+  CodeEditor: ExtractPropTypes<(typeof import('@/components/CodeEditor'))['CodeEditor']>;
   Tinymce: ExtractPropTypes<(typeof import('@/components/Tinymce'))['Tinymce']>;
   SimpleTimePicker: ExtractPropTypes<
     (typeof import('../components/SimpleTimePicker.vue'))['default']
diff --git a/src/components/Icon/Icon.vue b/src/components/Icon/Icon.vue
index 58b970ed0..6509f8c4b 100644
--- a/src/components/Icon/Icon.vue
+++ b/src/components/Icon/Icon.vue
@@ -27,8 +27,8 @@
   } from 'vue';
   import SvgIcon from './src/SvgIcon.vue';
   import Iconify from '@purge-icons/generated';
-  import { isString } from '/@/utils/is';
-  import { propTypes } from '/@/utils/propTypes';
+  import { isString } from '@/utils/is';
+  import { propTypes } from '@/utils/propTypes';
 
   const SVG_END_WITH_FLAG = '|svg';
   export default defineComponent({
diff --git a/src/components/Icon/src/IconPicker.vue b/src/components/Icon/src/IconPicker.vue
index 474bffb89..0decdba94 100644
--- a/src/components/Icon/src/IconPicker.vue
+++ b/src/components/Icon/src/IconPicker.vue
@@ -76,18 +76,18 @@
 </template>
 <script lang="ts" setup>
   import { ref, watchEffect, watch } from 'vue';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { ScrollContainer } from '/@/components/Container';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { ScrollContainer } from '@/components/Container';
   import { Input, Popover, Pagination, Empty } from 'ant-design-vue';
   import Icon from '../Icon.vue';
   import SvgIcon from './SvgIcon.vue';
 
   import iconsData from '../data/icons.data';
-  import { usePagination } from '/@/hooks/web/usePagination';
+  import { usePagination } from '@/hooks/web/usePagination';
   import { useDebounceFn } from '@vueuse/core';
-  import { useI18n } from '/@/hooks/web/useI18n';
+  import { useI18n } from '@/hooks/web/useI18n';
   import svgIcons from 'virtual:svg-icons-names';
-  import { copyText } from '/@/utils/copyTextToClipboard';
+  import { copyText } from '@/utils/copyTextToClipboard';
 
   const AInput = Input;
   const APopover = Popover;
diff --git a/src/components/Icon/src/SvgIcon.vue b/src/components/Icon/src/SvgIcon.vue
index c79c6444e..f44b3c418 100644
--- a/src/components/Icon/src/SvgIcon.vue
+++ b/src/components/Icon/src/SvgIcon.vue
@@ -10,7 +10,7 @@
 <script lang="ts">
   import type { CSSProperties } from 'vue';
   import { defineComponent, computed } from 'vue';
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { useDesign } from '@/hooks/web/useDesign';
 
   export default defineComponent({
     name: 'SvgIcon',
diff --git a/src/components/JsonPreview/index.ts b/src/components/JsonPreview/index.ts
index e8ebeedcd..71b9925cc 100644
--- a/src/components/JsonPreview/index.ts
+++ b/src/components/JsonPreview/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '/@/utils';
+import { withInstall } from '@/utils';
 import jsonPreview from './src/JsonPreview.vue';
 
 export const JsonPreview = withInstall(jsonPreview);
diff --git a/src/components/Loading/src/Loading.vue b/src/components/Loading/src/Loading.vue
index d5e9383ef..93220d0cc 100644
--- a/src/components/Loading/src/Loading.vue
+++ b/src/components/Loading/src/Loading.vue
@@ -11,7 +11,7 @@
 <script lang="ts">
   import { PropType, defineComponent } from 'vue';
   import { Spin } from 'ant-design-vue';
-  import { SizeEnum } from '/@/enums/sizeEnum';
+  import { SizeEnum } from '@/enums/sizeEnum';
 
   export default defineComponent({
     name: 'Loading',
diff --git a/src/components/Loading/src/typing.ts b/src/components/Loading/src/typing.ts
index 9af60e612..619645250 100644
--- a/src/components/Loading/src/typing.ts
+++ b/src/components/Loading/src/typing.ts
@@ -1,4 +1,4 @@
-import { SizeEnum } from '/@/enums/sizeEnum';
+import { SizeEnum } from '@/enums/sizeEnum';
 
 export interface LoadingProps {
   tip: string;
diff --git a/src/components/Markdown/index.ts b/src/components/Markdown/index.ts
index d337681ff..4dd7d185e 100644
--- a/src/components/Markdown/index.ts
+++ b/src/components/Markdown/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '/@/utils';
+import { withInstall } from '@/utils';
 import markDown from './src/Markdown.vue';
 import markDownViewer from './src/MarkdownViewer.vue';
 
diff --git a/src/components/Markdown/src/Markdown.vue b/src/components/Markdown/src/Markdown.vue
index 0843abef9..0515b7ce3 100644
--- a/src/components/Markdown/src/Markdown.vue
+++ b/src/components/Markdown/src/Markdown.vue
@@ -15,9 +15,9 @@
   } from 'vue';
   import Vditor from 'vditor';
   import 'vditor/dist/index.css';
-  import { useLocale } from '/@/locales/useLocale';
+  import { useLocale } from '@/locales/useLocale';
   import { useModalContext } from '../../Modal';
-  import { useRootSetting } from '/@/hooks/setting/useRootSetting';
+  import { useRootSetting } from '@/hooks/setting/useRootSetting';
   import { onMountedOrActivated } from '@vben/hooks';
   import { getTheme } from './getTheme';
 
diff --git a/src/components/Markdown/src/MarkdownViewer.vue b/src/components/Markdown/src/MarkdownViewer.vue
index 3c9cb174b..1f4e90267 100644
--- a/src/components/Markdown/src/MarkdownViewer.vue
+++ b/src/components/Markdown/src/MarkdownViewer.vue
@@ -6,7 +6,7 @@
   import { onBeforeUnmount, onDeactivated, Ref, ref, unref, watch } from 'vue';
   import VditorPreview from 'vditor/dist/method.min';
   import { onMountedOrActivated } from '@vben/hooks';
-  import { useRootSetting } from '/@/hooks/setting/useRootSetting';
+  import { useRootSetting } from '@/hooks/setting/useRootSetting';
   import { getTheme } from './getTheme';
 
   const props = defineProps({
diff --git a/src/components/Menu/src/BasicMenu.vue b/src/components/Menu/src/BasicMenu.vue
index 81d340fbe..f30c1cb5a 100644
--- a/src/components/Menu/src/BasicMenu.vue
+++ b/src/components/Menu/src/BasicMenu.vue
@@ -22,17 +22,17 @@
   import { computed, defineComponent, unref, reactive, watch, toRefs, ref } from 'vue';
   import { Menu, MenuProps } from 'ant-design-vue';
   import BasicSubMenuItem from './components/BasicSubMenuItem.vue';
-  import { MenuModeEnum, MenuTypeEnum } from '/@/enums/menuEnum';
+  import { MenuModeEnum, MenuTypeEnum } from '@/enums/menuEnum';
   import { useOpenKeys } from './useOpenKeys';
   import { RouteLocationNormalizedLoaded, useRouter } from 'vue-router';
-  import { isFunction } from '/@/utils/is';
+  import { isFunction } from '@/utils/is';
   import { basicProps } from './props';
-  import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
-  import { REDIRECT_NAME } from '/@/router/constant';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { getCurrentParentPath } from '/@/router/menus';
-  import { listenerRouteChange } from '/@/logics/mitt/routeChange';
-  import { getAllParentPath } from '/@/router/helper/menuHelper';
+  import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
+  import { REDIRECT_NAME } from '@/router/constant';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { getCurrentParentPath } from '@/router/menus';
+  import { listenerRouteChange } from '@/logics/mitt/routeChange';
+  import { getAllParentPath } from '@/router/helper/menuHelper';
 
   export default defineComponent({
     name: 'BasicMenu',
diff --git a/src/components/Menu/src/components/BasicSubMenuItem.vue b/src/components/Menu/src/components/BasicSubMenuItem.vue
index d5139fce3..6c4350921 100644
--- a/src/components/Menu/src/components/BasicSubMenuItem.vue
+++ b/src/components/Menu/src/components/BasicSubMenuItem.vue
@@ -16,10 +16,10 @@
   </SubMenu>
 </template>
 <script lang="ts">
-  import type { Menu as MenuType } from '/@/router/types';
+  import type { Menu as MenuType } from '@/router/types';
   import { defineComponent, computed } from 'vue';
   import { Menu } from 'ant-design-vue';
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { useDesign } from '@/hooks/web/useDesign';
   import { itemProps } from '../props';
   import BasicMenuItem from './BasicMenuItem.vue';
   import MenuItemContent from './MenuItemContent.vue';
diff --git a/src/components/Menu/src/components/MenuItemContent.vue b/src/components/Menu/src/components/MenuItemContent.vue
index ccf65bede..d9ed096ac 100644
--- a/src/components/Menu/src/components/MenuItemContent.vue
+++ b/src/components/Menu/src/components/MenuItemContent.vue
@@ -8,8 +8,8 @@
 <script lang="ts">
   import { computed, defineComponent } from 'vue';
   import Icon from '@/components/Icon/Icon.vue';
-  import { useI18n } from '/@/hooks/web/useI18n';
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { useI18n } from '@/hooks/web/useI18n';
+  import { useDesign } from '@/hooks/web/useDesign';
   import { contentProps } from '../props';
 
   const { t } = useI18n();
diff --git a/src/components/Menu/src/props.ts b/src/components/Menu/src/props.ts
index b9561c7c8..526df9e1d 100644
--- a/src/components/Menu/src/props.ts
+++ b/src/components/Menu/src/props.ts
@@ -1,9 +1,9 @@
-import type { Menu } from '/@/router/types';
+import type { Menu } from '@/router/types';
 import type { PropType } from 'vue';
 
-import { MenuModeEnum, MenuTypeEnum } from '/@/enums/menuEnum';
-import { ThemeEnum } from '/@/enums/appEnum';
-import { propTypes } from '/@/utils/propTypes';
+import { MenuModeEnum, MenuTypeEnum } from '@/enums/menuEnum';
+import { ThemeEnum } from '@/enums/appEnum';
+import { propTypes } from '@/utils/propTypes';
 import type { Key } from './types';
 import type { MenuTheme } from 'ant-design-vue';
 import type { MenuMode } from 'ant-design-vue/lib/menu/src/interface';
diff --git a/src/components/Menu/src/useOpenKeys.ts b/src/components/Menu/src/useOpenKeys.ts
index 14793c085..7fab40b7e 100644
--- a/src/components/Menu/src/useOpenKeys.ts
+++ b/src/components/Menu/src/useOpenKeys.ts
@@ -1,11 +1,11 @@
-import { MenuModeEnum } from '/@/enums/menuEnum';
-import type { Menu as MenuType } from '/@/router/types';
+import { MenuModeEnum } from '@/enums/menuEnum';
+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';
 import { uniq } from 'lodash-es';
-import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
-import { getAllParentPath } from '/@/router/helper/menuHelper';
+import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
+import { getAllParentPath } from '@/router/helper/menuHelper';
 
 export function useOpenKeys(
   menuState: MenuState,
diff --git a/src/components/Modal/index.ts b/src/components/Modal/index.ts
index 6188c5cb5..ff3862ae2 100644
--- a/src/components/Modal/index.ts
+++ b/src/components/Modal/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '/@/utils';
+import { withInstall } from '@/utils';
 import './src/index.less';
 import basicModal from './src/BasicModal.vue';
 
diff --git a/src/components/Modal/src/BasicModal.vue b/src/components/Modal/src/BasicModal.vue
index 39288c272..8f4c58809 100644
--- a/src/components/Modal/src/BasicModal.vue
+++ b/src/components/Modal/src/BasicModal.vue
@@ -67,12 +67,12 @@
   import ModalClose from './components/ModalClose.vue';
   import ModalFooter from './components/ModalFooter.vue';
   import ModalHeader from './components/ModalHeader.vue';
-  import { isFunction } from '/@/utils/is';
-  import { deepMerge } from '/@/utils';
+  import { isFunction } from '@/utils/is';
+  import { deepMerge } from '@/utils';
   import { basicProps } from './props';
   import { useFullScreen } from './hooks/useModalFullScreen';
   import { omit } from 'lodash-es';
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { useDesign } from '@/hooks/web/useDesign';
 
   export default defineComponent({
     name: 'BasicModal',
diff --git a/src/components/Modal/src/components/Modal.tsx b/src/components/Modal/src/components/Modal.tsx
index 3b3a50d4f..c68e10728 100644
--- a/src/components/Modal/src/components/Modal.tsx
+++ b/src/components/Modal/src/components/Modal.tsx
@@ -3,7 +3,7 @@ import { defineComponent, toRefs, unref } from 'vue';
 import { basicProps } from '../props';
 import { useModalDragMove } from '../hooks/useModalDrag';
 import { useAttrs } from '@vben/hooks';
-import { extendSlots } from '/@/utils/helper/tsxHelper';
+import { extendSlots } from '@/utils/helper/tsxHelper';
 
 export default defineComponent({
   name: 'Modal',
diff --git a/src/components/Modal/src/components/ModalClose.vue b/src/components/Modal/src/components/ModalClose.vue
index 6dbf2c0e7..f624a7db1 100644
--- a/src/components/Modal/src/components/ModalClose.vue
+++ b/src/components/Modal/src/components/ModalClose.vue
@@ -16,9 +16,9 @@
 <script lang="ts">
   import { defineComponent, computed } from 'vue';
   import { FullscreenExitOutlined, FullscreenOutlined, CloseOutlined } from '@ant-design/icons-vue';
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { useDesign } from '@/hooks/web/useDesign';
   import { Tooltip } from 'ant-design-vue';
-  import { useI18n } from '/@/hooks/web/useI18n';
+  import { useI18n } from '@/hooks/web/useI18n';
 
   export default defineComponent({
     name: 'ModalClose',
diff --git a/src/components/Modal/src/components/ModalHeader.vue b/src/components/Modal/src/components/ModalHeader.vue
index ac0b2b1d5..74c91062e 100644
--- a/src/components/Modal/src/components/ModalHeader.vue
+++ b/src/components/Modal/src/components/ModalHeader.vue
@@ -6,7 +6,7 @@
 <script lang="ts">
   import type { PropType } from 'vue';
   import { defineComponent } from 'vue';
-  import { BasicTitle } from '/@/components/Basic';
+  import { BasicTitle } from '@/components/Basic';
 
   export default defineComponent({
     name: 'BasicModalHeader',
diff --git a/src/components/Modal/src/components/ModalWrapper.vue b/src/components/Modal/src/components/ModalWrapper.vue
index fbe047374..58fcc9f64 100644
--- a/src/components/Modal/src/components/ModalWrapper.vue
+++ b/src/components/Modal/src/components/ModalWrapper.vue
@@ -20,7 +20,7 @@
   } from 'vue';
   import { useWindowSizeFn } from '@vben/hooks';
   import { type AnyFunction } from '@vben/types';
-  import { ScrollContainer } from '/@/components/Container';
+  import { ScrollContainer } from '@/components/Container';
   import { createModalContext } from '../hooks/useModalContext';
   import { useMutationObserver } from '@vueuse/core';
 
diff --git a/src/components/Modal/src/hooks/useModal.ts b/src/components/Modal/src/hooks/useModal.ts
index f2e4fd803..09dfcb147 100644
--- a/src/components/Modal/src/hooks/useModal.ts
+++ b/src/components/Modal/src/hooks/useModal.ts
@@ -16,11 +16,11 @@ import {
   toRaw,
   computed,
 } from 'vue';
-import { isProdMode } from '/@/utils/env';
-import { isFunction } from '/@/utils/is';
+import { isProdMode } from '@/utils/env';
+import { isFunction } from '@/utils/is';
 import { isEqual } from 'lodash-es';
 import { tryOnUnmounted } from '@vueuse/core';
-import { error } from '/@/utils/log';
+import { error } from '@/utils/log';
 
 const dataTransfer = reactive<any>({});
 
diff --git a/src/components/Modal/src/hooks/useModalContext.ts b/src/components/Modal/src/hooks/useModalContext.ts
index 94d4c4ee8..9f3f84b8b 100644
--- a/src/components/Modal/src/hooks/useModalContext.ts
+++ b/src/components/Modal/src/hooks/useModalContext.ts
@@ -1,5 +1,5 @@
 import { InjectionKey } from 'vue';
-import { createContext, useContext } from '/@/hooks/core/useContext';
+import { createContext, useContext } from '@/hooks/core/useContext';
 
 export interface ModalContextProps {
   redoModalHeight: () => void;
diff --git a/src/components/Modal/src/props.ts b/src/components/Modal/src/props.ts
index 209cfe3e4..e3678d224 100644
--- a/src/components/Modal/src/props.ts
+++ b/src/components/Modal/src/props.ts
@@ -1,7 +1,7 @@
 import type { PropType, CSSProperties } from 'vue';
 import type { ModalWrapperProps } from './typing';
 import { ButtonProps } from 'ant-design-vue/es/button/buttonTypes';
-import { useI18n } from '/@/hooks/web/useI18n';
+import { useI18n } from '@/hooks/web/useI18n';
 
 const { t } = useI18n();
 
diff --git a/src/components/Page/index.ts b/src/components/Page/index.ts
index d09626405..aa5f85df0 100644
--- a/src/components/Page/index.ts
+++ b/src/components/Page/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '/@/utils';
+import { withInstall } from '@/utils';
 
 import pageFooter from './src/PageFooter.vue';
 import pageWrapper from './src/PageWrapper.vue';
diff --git a/src/components/Page/src/PageFooter.vue b/src/components/Page/src/PageFooter.vue
index 1f6d05305..91797d7ad 100644
--- a/src/components/Page/src/PageFooter.vue
+++ b/src/components/Page/src/PageFooter.vue
@@ -10,8 +10,8 @@
   </div>
 </template>
 <script lang="ts" setup>
-  import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
+  import { useDesign } from '@/hooks/web/useDesign';
 
   defineOptions({
     name: 'PageFooter',
diff --git a/src/components/Preview/src/Functional.vue b/src/components/Preview/src/Functional.vue
index b7983813e..a612c42f6 100644
--- a/src/components/Preview/src/Functional.vue
+++ b/src/components/Preview/src/Functional.vue
@@ -1,11 +1,11 @@
 <script lang="tsx">
   import { defineComponent, ref, unref, computed, reactive, watchEffect, PropType } from 'vue';
   import { CloseOutlined, LeftOutlined, RightOutlined } from '@ant-design/icons-vue';
-  import resumeSvg from '/@/assets/svg/preview/resume.svg';
-  import rotateSvg from '/@/assets/svg/preview/p-rotate.svg';
-  import scaleSvg from '/@/assets/svg/preview/scale.svg';
-  import unScaleSvg from '/@/assets/svg/preview/unscale.svg';
-  import unRotateSvg from '/@/assets/svg/preview/unrotate.svg';
+  import resumeSvg from '@/assets/svg/preview/resume.svg';
+  import rotateSvg from '@/assets/svg/preview/p-rotate.svg';
+  import scaleSvg from '@/assets/svg/preview/scale.svg';
+  import unScaleSvg from '@/assets/svg/preview/unscale.svg';
+  import unRotateSvg from '@/assets/svg/preview/unrotate.svg';
 
   enum StatueEnum {
     LOADING,
diff --git a/src/components/Preview/src/Preview.vue b/src/components/Preview/src/Preview.vue
index 46fb88a3f..42673e5f6 100644
--- a/src/components/Preview/src/Preview.vue
+++ b/src/components/Preview/src/Preview.vue
@@ -19,9 +19,9 @@
   import { defineComponent, computed } from 'vue';
 
   import { Image } from 'ant-design-vue';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { propTypes } from '/@/utils/propTypes';
-  import { isString } from '/@/utils/is';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { propTypes } from '@/utils/propTypes';
+  import { isString } from '@/utils/is';
 
   interface ImageProps {
     alt?: string;
diff --git a/src/components/Preview/src/functional.ts b/src/components/Preview/src/functional.ts
index 74073a20e..c3ee2bff0 100644
--- a/src/components/Preview/src/functional.ts
+++ b/src/components/Preview/src/functional.ts
@@ -1,6 +1,6 @@
 import type { Options, Props } from './typing';
 import ImgPreview from './Functional.vue';
-import { isClient } from '/@/utils/is';
+import { isClient } from '@/utils/is';
 import { createVNode, render } from 'vue';
 
 let instance: ReturnType<typeof createVNode> | null = null;
diff --git a/src/components/Prompt/dialog.vue b/src/components/Prompt/dialog.vue
index 36413b048..979d16d37 100644
--- a/src/components/Prompt/dialog.vue
+++ b/src/components/Prompt/dialog.vue
@@ -17,8 +17,8 @@
 <script setup lang="ts">
   import { ref } from 'vue';
   import { Modal } from 'ant-design-vue';
-  import { FormSchema } from '/@/components/Form';
-  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { FormSchema } from '@/components/Form';
+  import { BasicForm, useForm } from '@/components/Form/index';
 
   const open = ref<boolean>(true);
   const props = defineProps<{
diff --git a/src/components/Prompt/state.ts b/src/components/Prompt/state.ts
index c90079de4..814a12b95 100644
--- a/src/components/Prompt/state.ts
+++ b/src/components/Prompt/state.ts
@@ -1,4 +1,4 @@
-import { FormSchema } from '/@/components/Form';
+import { FormSchema } from '@/components/Form';
 
 type InputType = 'InputTextArea' | 'InputNumber' | 'Input';
 export interface PromptProps {
diff --git a/src/components/Scrollbar/src/Scrollbar.vue b/src/components/Scrollbar/src/Scrollbar.vue
index 0e6a5b258..193865e29 100644
--- a/src/components/Scrollbar/src/Scrollbar.vue
+++ b/src/components/Scrollbar/src/Scrollbar.vue
@@ -17,8 +17,8 @@
   </div>
 </template>
 <script lang="ts">
-  import { addResizeListener, removeResizeListener } from '/@/utils/event';
-  import componentSetting from '/@/settings/componentSetting';
+  import { addResizeListener, removeResizeListener } from '@/utils/event';
+  import componentSetting from '@/settings/componentSetting';
   import {
     defineComponent,
     ref,
@@ -30,7 +30,7 @@
     watch,
     type PropType,
   } from 'vue';
-  import type { StyleValue } from '/@/utils/types';
+  import type { StyleValue } from '@/utils/types';
   import Bar from './bar';
 
   const { scrollbar } = componentSetting;
diff --git a/src/components/Scrollbar/src/bar.ts b/src/components/Scrollbar/src/bar.ts
index 64bd28962..9a33a9aa7 100644
--- a/src/components/Scrollbar/src/bar.ts
+++ b/src/components/Scrollbar/src/bar.ts
@@ -8,7 +8,7 @@ import {
   inject,
   Ref,
 } from 'vue';
-import { on, off } from '/@/utils/domUtils';
+import { on, off } from '@/utils/domUtils';
 
 import { renderThumbStyle, BAR_MAP } from './util';
 
diff --git a/src/components/Scrollbar/src/util.ts b/src/components/Scrollbar/src/util.ts
index c6b689a62..6de2f5640 100644
--- a/src/components/Scrollbar/src/util.ts
+++ b/src/components/Scrollbar/src/util.ts
@@ -1,5 +1,5 @@
 import type { BarMap } from './types';
-import type { MergeAll } from '/@/utils/types';
+import type { MergeAll } from '@/utils/types';
 
 export const BAR_MAP: BarMap = {
   vertical: {
diff --git a/src/components/SimpleMenu/src/SimpleMenu.vue b/src/components/SimpleMenu/src/SimpleMenu.vue
index 6fab44116..4da319917 100644
--- a/src/components/SimpleMenu/src/SimpleMenu.vue
+++ b/src/components/SimpleMenu/src/SimpleMenu.vue
@@ -19,18 +19,18 @@
 </template>
 <script lang="ts">
   import type { MenuState } from './types';
-  import type { Menu as MenuType } from '/@/router/types';
+  import type { Menu as MenuType } from '@/router/types';
   import type { RouteLocationNormalizedLoaded } from 'vue-router';
   import { defineComponent, computed, ref, unref, reactive, toRefs, watch, PropType } from 'vue';
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { useDesign } from '@/hooks/web/useDesign';
   import Menu from './components/Menu.vue';
   import SimpleSubMenu from './SimpleSubMenu.vue';
-  import { listenerRouteChange } from '/@/logics/mitt/routeChange';
-  import { propTypes } from '/@/utils/propTypes';
-  import { REDIRECT_NAME } from '/@/router/constant';
+  import { listenerRouteChange } from '@/logics/mitt/routeChange';
+  import { propTypes } from '@/utils/propTypes';
+  import { REDIRECT_NAME } from '@/router/constant';
   import { useRouter } from 'vue-router';
-  import { isFunction, isHttpUrl } from '/@/utils/is';
-  import { openWindow } from '/@/utils';
+  import { isFunction, isHttpUrl } from '@/utils/is';
+  import { openWindow } from '@/utils';
 
   import { useOpenKeys } from './useOpenKeys';
 
diff --git a/src/components/SimpleMenu/src/SimpleMenuTag.vue b/src/components/SimpleMenu/src/SimpleMenuTag.vue
index b7d3cb366..e5d1c3822 100644
--- a/src/components/SimpleMenu/src/SimpleMenuTag.vue
+++ b/src/components/SimpleMenu/src/SimpleMenuTag.vue
@@ -2,12 +2,12 @@
   <span :class="getTagClass" v-if="getShowTag">{{ getContent }}</span>
 </template>
 <script lang="ts">
-  import type { Menu } from '/@/router/types';
+  import type { Menu } from '@/router/types';
 
   import { defineComponent, computed } from 'vue';
 
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { propTypes } from '/@/utils/propTypes';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { propTypes } from '@/utils/propTypes';
 
   export default defineComponent({
     name: 'SimpleMenuTag',
diff --git a/src/components/SimpleMenu/src/SimpleSubMenu.vue b/src/components/SimpleMenu/src/SimpleSubMenu.vue
index b60e257f1..b05aa8114 100644
--- a/src/components/SimpleMenu/src/SimpleSubMenu.vue
+++ b/src/components/SimpleMenu/src/SimpleSubMenu.vue
@@ -46,17 +46,17 @@
 </template>
 <script lang="ts">
   import type { PropType } from 'vue';
-  import type { Menu } from '/@/router/types';
+  import type { Menu } from '@/router/types';
 
   import { defineComponent, computed } from 'vue';
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { useDesign } from '@/hooks/web/useDesign';
   import Icon from '@/components/Icon/Icon.vue';
 
   import MenuItem from './components/MenuItem.vue';
   import SubMenu from './components/SubMenuItem.vue';
-  import { propTypes } from '/@/utils/propTypes';
-  import { useI18n } from '/@/hooks/web/useI18n';
-  import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent';
+  import { propTypes } from '@/utils/propTypes';
+  import { useI18n } from '@/hooks/web/useI18n';
+  import { createAsyncComponent } from '@/utils/factory/createAsyncComponent';
 
   export default defineComponent({
     name: 'SimpleSubMenu',
diff --git a/src/components/SimpleMenu/src/components/Menu.vue b/src/components/SimpleMenu/src/components/Menu.vue
index 7616a7c3e..9adb01a08 100644
--- a/src/components/SimpleMenu/src/components/Menu.vue
+++ b/src/components/SimpleMenu/src/components/Menu.vue
@@ -19,10 +19,10 @@
     provide,
   } from 'vue';
 
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { propTypes } from '/@/utils/propTypes';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { propTypes } from '@/utils/propTypes';
   import { createSimpleRootMenuContext, type MenuEmitterEvents } from './useSimpleMenuContext';
-  import { mitt } from '/@/utils/mitt';
+  import { mitt } from '@/utils/mitt';
 
   export default defineComponent({
     name: 'Menu',
diff --git a/src/components/SimpleMenu/src/components/MenuCollapseTransition.vue b/src/components/SimpleMenu/src/components/MenuCollapseTransition.vue
index 5295439a7..8f03d7b23 100644
--- a/src/components/SimpleMenu/src/components/MenuCollapseTransition.vue
+++ b/src/components/SimpleMenu/src/components/MenuCollapseTransition.vue
@@ -5,7 +5,7 @@
 </template>
 <script lang="ts">
   import { defineComponent } from 'vue';
-  import { addClass, removeClass } from '/@/utils/domUtils';
+  import { addClass, removeClass } from '@/utils/domUtils';
 
   export default defineComponent({
     name: 'MenuCollapseTransition',
diff --git a/src/components/SimpleMenu/src/components/MenuItem.vue b/src/components/SimpleMenu/src/components/MenuItem.vue
index feb3d6a5b..96aec5035 100644
--- a/src/components/SimpleMenu/src/components/MenuItem.vue
+++ b/src/components/SimpleMenu/src/components/MenuItem.vue
@@ -18,8 +18,8 @@
 
 <script lang="ts">
   import { PropType, defineComponent, ref, computed, unref, getCurrentInstance, watch } from 'vue';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { propTypes } from '/@/utils/propTypes';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { propTypes } from '@/utils/propTypes';
   import { useMenuItem } from './useMenu';
   import { Tooltip } from 'ant-design-vue';
   import { useSimpleRootMenuContext } from './useSimpleMenuContext';
diff --git a/src/components/SimpleMenu/src/components/SubMenuItem.vue b/src/components/SimpleMenu/src/components/SubMenuItem.vue
index a355775c6..54d21dc2b 100644
--- a/src/components/SimpleMenu/src/components/SubMenuItem.vue
+++ b/src/components/SimpleMenu/src/components/SubMenuItem.vue
@@ -71,15 +71,15 @@
     onBeforeMount,
     inject,
   } from 'vue';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { propTypes } from '/@/utils/propTypes';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { propTypes } from '@/utils/propTypes';
   import { useMenuItem } from './useMenu';
   import { useSimpleRootMenuContext } from './useSimpleMenuContext';
-  import { CollapseTransition } from '/@/components/Transition';
+  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 { mitt } from '/@/utils/mitt';
+  import { isBoolean, isObject } from '@/utils/is';
+  import { mitt } from '@/utils/mitt';
 
   const DELAY = 200;
   export default defineComponent({
diff --git a/src/components/SimpleMenu/src/components/useSimpleMenuContext.ts b/src/components/SimpleMenu/src/components/useSimpleMenuContext.ts
index a571beebb..14e12ac70 100644
--- a/src/components/SimpleMenu/src/components/useSimpleMenuContext.ts
+++ b/src/components/SimpleMenu/src/components/useSimpleMenuContext.ts
@@ -1,6 +1,6 @@
 import type { InjectionKey, Ref } from 'vue';
-import type { Emitter } from '/@/utils/mitt';
-import { createContext, useContext } from '/@/hooks/core/useContext';
+import type { Emitter } from '@/utils/mitt';
+import { createContext, useContext } from '@/hooks/core/useContext';
 
 export type MenuEmitterEvents = {
   'on-update-opened':
diff --git a/src/components/SimpleMenu/src/useOpenKeys.ts b/src/components/SimpleMenu/src/useOpenKeys.ts
index 1028f9744..63c8dd855 100644
--- a/src/components/SimpleMenu/src/useOpenKeys.ts
+++ b/src/components/SimpleMenu/src/useOpenKeys.ts
@@ -1,8 +1,8 @@
-import type { Menu as MenuType } from '/@/router/types';
+import type { Menu as MenuType } from '@/router/types';
 import type { MenuState } from './types';
 import { computed, Ref, toRaw, unref } from 'vue';
 import { uniq } from 'lodash-es';
-import { getAllParentPath } from '/@/router/helper/menuHelper';
+import { getAllParentPath } from '@/router/helper/menuHelper';
 import { useTimeoutFn } from '@vben/hooks';
 import { useDebounceFn } from '@vueuse/core';
 
diff --git a/src/components/StrengthMeter/index.ts b/src/components/StrengthMeter/index.ts
index 9763afab2..d7049b3e6 100644
--- a/src/components/StrengthMeter/index.ts
+++ b/src/components/StrengthMeter/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '/@/utils';
+import { withInstall } from '@/utils';
 import strengthMeter from './src/StrengthMeter.vue';
 
 export const StrengthMeter = withInstall(strengthMeter);
diff --git a/src/components/StrengthMeter/src/StrengthMeter.vue b/src/components/StrengthMeter/src/StrengthMeter.vue
index 9de94ebce..ff7aa2dec 100644
--- a/src/components/StrengthMeter/src/StrengthMeter.vue
+++ b/src/components/StrengthMeter/src/StrengthMeter.vue
@@ -22,8 +22,8 @@
   import { defineComponent, computed, ref, watch, unref, watchEffect } from 'vue';
   import { Input } from 'ant-design-vue';
   import { zxcvbn } from '@zxcvbn-ts/core';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { propTypes } from '/@/utils/propTypes';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { propTypes } from '@/utils/propTypes';
 
   export default defineComponent({
     name: 'StrengthMeter',
diff --git a/src/components/Table/index.ts b/src/components/Table/index.ts
index 1ec9568bf..37c9d5e73 100644
--- a/src/components/Table/index.ts
+++ b/src/components/Table/index.ts
@@ -7,5 +7,5 @@ export * from './src/types/table';
 export * from './src/types/pagination';
 export * from './src/types/tableAction';
 export { useTable } from './src/hooks/useTable';
-export type { FormSchema, FormProps } from '/@/components/Form/src/types/form';
+export type { FormSchema, FormProps } from '@/components/Form/src/types/form';
 export type { EditRecordRow } from './src/components/editable';
diff --git a/src/components/Table/src/BasicTable.vue b/src/components/Table/src/BasicTable.vue
index 1588a1c53..02627e145 100644
--- a/src/components/Table/src/BasicTable.vue
+++ b/src/components/Table/src/BasicTable.vue
@@ -51,8 +51,8 @@
 
   import { defineComponent, ref, computed, unref, toRaw, inject, watchEffect } from 'vue';
   import { Table } from 'ant-design-vue';
-  import { BasicForm, useForm } from '/@/components/Form/index';
-  import { PageWrapperFixedHeightKey } from '/@/enums/pageEnum';
+  import { BasicForm, useForm } from '@/components/Form/index';
+  import { PageWrapperFixedHeightKey } from '@/enums/pageEnum';
   import HeaderCell from './components/HeaderCell.vue';
   import { InnerHandlers } from './types/table';
 
@@ -70,12 +70,12 @@
   import { createTableContext } from './hooks/useTableContext';
   import { useTableFooter } from './hooks/useTableFooter';
   import { useTableForm } from './hooks/useTableForm';
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { useDesign } from '@/hooks/web/useDesign';
 
   import { omit } from 'lodash-es';
   import { basicProps } from './props';
-  import { isFunction } from '/@/utils/is';
-  import { warn } from '/@/utils/log';
+  import { isFunction } from '@/utils/is';
+  import { warn } from '@/utils/log';
 
   const events = [
     'fetch-success',
diff --git a/src/components/Table/src/componentMap.ts b/src/components/Table/src/componentMap.ts
index ace83f5e5..e9e9cdc17 100644
--- a/src/components/Table/src/componentMap.ts
+++ b/src/components/Table/src/componentMap.ts
@@ -11,7 +11,7 @@ import {
   Radio,
 } from 'ant-design-vue';
 import type { ComponentType } from './types/componentType';
-import { ApiSelect, ApiTreeSelect, RadioButtonGroup, ApiRadioGroup } from '/@/components/Form';
+import { ApiSelect, ApiTreeSelect, RadioButtonGroup, ApiRadioGroup } from '@/components/Form';
 
 const componentMap = new Map<ComponentType, Component>();
 
diff --git a/src/components/Table/src/components/DictionaryTag.vue b/src/components/Table/src/components/DictionaryTag.vue
index 97a9dd795..4e7701d1b 100644
--- a/src/components/Table/src/components/DictionaryTag.vue
+++ b/src/components/Table/src/components/DictionaryTag.vue
@@ -4,9 +4,9 @@
 <script lang="ts">
   import { defineComponent, ref, onMounted } from 'vue';
   import { useAttrs } from '@vben/hooks';
-  import { useI18n } from '/@/hooks/web/useI18n';
-  import { propTypes } from '/@/utils/propTypes';
-  import { useDictionaryStore } from '/@/store/modules/dictionary';
+  import { useI18n } from '@/hooks/web/useI18n';
+  import { propTypes } from '@/utils/propTypes';
+  import { useDictionaryStore } from '@/store/modules/dictionary';
   import { DefaultOptionType } from 'ant-design-vue/lib/select';
 
   export default defineComponent({
diff --git a/src/components/Table/src/components/HeaderCell.vue b/src/components/Table/src/components/HeaderCell.vue
index 22ada922a..ffecb2b04 100644
--- a/src/components/Table/src/components/HeaderCell.vue
+++ b/src/components/Table/src/components/HeaderCell.vue
@@ -2,9 +2,9 @@
   import type { PropType } from 'vue';
   import type { BasicColumn } from '../types/table';
   import { defineComponent, computed } from 'vue';
-  import BasicHelp from '/@/components/Basic/src/BasicHelp.vue';
+  import BasicHelp from '@/components/Basic/src/BasicHelp.vue';
   import EditTableHeaderCell from './EditTableHeaderIcon.vue';
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { useDesign } from '@/hooks/web/useDesign';
   import { ColumnType } from 'ant-design-vue/lib/table/interface';
 
   export default defineComponent({
diff --git a/src/components/Table/src/components/TableAction.vue b/src/components/Table/src/components/TableAction.vue
index bbc1412a6..deb7d6d7e 100644
--- a/src/components/Table/src/components/TableAction.vue
+++ b/src/components/Table/src/components/TableAction.vue
@@ -35,14 +35,14 @@
   import { MoreOutlined } from '@ant-design/icons-vue';
   import { Divider, Tooltip, TooltipProps } from 'ant-design-vue';
   import Icon from '@/components/Icon/Icon.vue';
-  import { ActionItem, TableActionType } from '/@/components/Table';
-  import { PopConfirmButton } from '/@/components/Button';
-  import { Dropdown } from '/@/components/Dropdown';
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { ActionItem, TableActionType } from '@/components/Table';
+  import { PopConfirmButton } from '@/components/Button';
+  import { Dropdown } from '@/components/Dropdown';
+  import { useDesign } from '@/hooks/web/useDesign';
   import { useTableContext } from '../hooks/useTableContext';
-  import { usePermission } from '/@/hooks/web/usePermission';
-  import { isBoolean, isFunction, isString } from '/@/utils/is';
-  import { propTypes } from '/@/utils/propTypes';
+  import { usePermission } from '@/hooks/web/usePermission';
+  import { isBoolean, isFunction, isString } from '@/utils/is';
+  import { propTypes } from '@/utils/propTypes';
   import { ACTION_COLUMN_FLAG } from '../const';
 
   export default defineComponent({
diff --git a/src/components/Table/src/components/TableFooter.vue b/src/components/Table/src/components/TableFooter.vue
index b72e5b0c3..acc47aab8 100644
--- a/src/components/Table/src/components/TableFooter.vue
+++ b/src/components/Table/src/components/TableFooter.vue
@@ -16,10 +16,10 @@
   import { defineComponent, unref, computed, toRaw } from 'vue';
   import { Table } from 'ant-design-vue';
   import { cloneDeep } from 'lodash-es';
-  import { isFunction } from '/@/utils/is';
+  import { isFunction } from '@/utils/is';
   import type { BasicColumn } from '../types/table';
   import { INDEX_COLUMN_FLAG } from '../const';
-  import { propTypes } from '/@/utils/propTypes';
+  import { propTypes } from '@/utils/propTypes';
   import { useTableContext } from '../hooks/useTableContext';
   import { ColumnType } from 'ant-design-vue/es/table/interface';
 
diff --git a/src/components/Table/src/components/TableHeader.vue b/src/components/Table/src/components/TableHeader.vue
index cfcd090bf..af61df892 100644
--- a/src/components/Table/src/components/TableHeader.vue
+++ b/src/components/Table/src/components/TableHeader.vue
@@ -29,7 +29,7 @@
   import { Divider } from 'ant-design-vue';
   import TableSettingComponent from './settings/index.vue';
   import TableTitle from './TableTitle.vue';
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { useDesign } from '@/hooks/web/useDesign';
 
   export default defineComponent({
     name: 'BasicTableHeader',
diff --git a/src/components/Table/src/components/TableImg.vue b/src/components/Table/src/components/TableImg.vue
index 3ff578bec..9e15774d2 100644
--- a/src/components/Table/src/components/TableImg.vue
+++ b/src/components/Table/src/components/TableImg.vue
@@ -36,9 +36,9 @@
 <script lang="ts">
   import type { CSSProperties } from 'vue';
   import { defineComponent, computed } from 'vue';
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { useDesign } from '@/hooks/web/useDesign';
   import { Image, Badge } from 'ant-design-vue';
-  import { propTypes } from '/@/utils/propTypes';
+  import { propTypes } from '@/utils/propTypes';
 
   export default defineComponent({
     name: 'TableImage',
diff --git a/src/components/Table/src/components/TableTitle.vue b/src/components/Table/src/components/TableTitle.vue
index 19d721847..026b79608 100644
--- a/src/components/Table/src/components/TableTitle.vue
+++ b/src/components/Table/src/components/TableTitle.vue
@@ -5,9 +5,9 @@
 </template>
 <script lang="ts">
   import { computed, defineComponent, PropType } from 'vue';
-  import { BasicTitle } from '/@/components/Basic/index';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { isFunction } from '/@/utils/is';
+  import { BasicTitle } from '@/components/Basic/index';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { isFunction } from '@/utils/is';
 
   export default defineComponent({
     name: 'BasicTableTitle',
diff --git a/src/components/Table/src/components/editable/CellComponent.ts b/src/components/Table/src/components/editable/CellComponent.ts
index 934b479e4..abcebcf80 100644
--- a/src/components/Table/src/components/editable/CellComponent.ts
+++ b/src/components/Table/src/components/editable/CellComponent.ts
@@ -1,6 +1,6 @@
 import type { defineComponent } from 'vue';
 import type { ComponentType } from '../../types/componentType';
-import { componentMap } from '/@/components/Table/src/componentMap';
+import { componentMap } from '@/components/Table/src/componentMap';
 
 import { Popover } from 'ant-design-vue';
 import { h } from 'vue';
diff --git a/src/components/Table/src/components/editable/EditableCell.vue b/src/components/Table/src/components/editable/EditableCell.vue
index ae06d681b..577b73d20 100644
--- a/src/components/Table/src/components/editable/EditableCell.vue
+++ b/src/components/Table/src/components/editable/EditableCell.vue
@@ -5,16 +5,16 @@
   import { CheckOutlined, CloseOutlined, FormOutlined } from '@ant-design/icons-vue';
   import { CellComponent } from './CellComponent';
 
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { useDesign } from '@/hooks/web/useDesign';
   import { useTableContext } from '../../hooks/useTableContext';
 
-  import clickOutside from '/@/directives/clickOutside';
+  import clickOutside from '@/directives/clickOutside';
 
-  import { propTypes } from '/@/utils/propTypes';
-  import { isArray, isBoolean, isFunction, isNumber, isString } from '/@/utils/is';
+  import { propTypes } from '@/utils/propTypes';
+  import { isArray, isBoolean, isFunction, isNumber, isString } from '@/utils/is';
   import { createPlaceholderMessage } from './helper';
   import { pick, set } from 'lodash-es';
-  import { treeToList } from '/@/utils/helper/treeHelper';
+  import { treeToList } from '@/utils/helper/treeHelper';
   import { Spin } from 'ant-design-vue';
 
   export default defineComponent({
diff --git a/src/components/Table/src/components/editable/helper.ts b/src/components/Table/src/components/editable/helper.ts
index 9c600c9f1..b5d66a8f2 100644
--- a/src/components/Table/src/components/editable/helper.ts
+++ b/src/components/Table/src/components/editable/helper.ts
@@ -1,5 +1,5 @@
 import { ComponentType } from '../../types/componentType';
-import { useI18n } from '/@/hooks/web/useI18n';
+import { useI18n } from '@/hooks/web/useI18n';
 
 const { t } = useI18n();
 
diff --git a/src/components/Table/src/components/editable/index.ts b/src/components/Table/src/components/editable/index.ts
index 548c9e4b1..75b4ebf7a 100644
--- a/src/components/Table/src/components/editable/index.ts
+++ b/src/components/Table/src/components/editable/index.ts
@@ -1,9 +1,9 @@
-import type { BasicColumn } from '/@/components/Table/src/types/table';
+import type { BasicColumn } from '@/components/Table/src/types/table';
 
 import { h, Ref, toRaw } from 'vue';
 
 import EditableCell from './EditableCell.vue';
-import { isArray } from '/@/utils/is';
+import { isArray } from '@/utils/is';
 
 interface Params {
   text: string;
diff --git a/src/components/Table/src/components/settings/ColumnSetting.vue b/src/components/Table/src/components/settings/ColumnSetting.vue
index 4f007c8c9..afa68aa14 100644
--- a/src/components/Table/src/components/settings/ColumnSetting.vue
+++ b/src/components/Table/src/components/settings/ColumnSetting.vue
@@ -117,13 +117,13 @@
   } from 'ant-design-vue/lib/checkbox/interface';
   import { SettingOutlined, DragOutlined } from '@ant-design/icons-vue';
   import Icon from '@/components/Icon/Icon.vue';
-  import { ScrollContainer } from '/@/components/Container';
-  import { useI18n } from '/@/hooks/web/useI18n';
+  import { ScrollContainer } from '@/components/Container';
+  import { useI18n } from '@/hooks/web/useI18n';
   import { useTableContext } from '../../hooks/useTableContext';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  // import { useSortable } from '/@/hooks/web/useSortable';
-  import { isFunction, isNil } from '/@/utils/is';
-  import { getPopupContainer as getParentContainer } from '/@/utils';
+  import { useDesign } from '@/hooks/web/useDesign';
+  // import { useSortable } from '@/hooks/web/useSortable';
+  import { isFunction, isNil } from '@/utils/is';
+  import { getPopupContainer as getParentContainer } from '@/utils';
   import { cloneDeep, omit } from 'lodash-es';
   import Sortablejs from 'sortablejs';
   import type Sortable from 'sortablejs';
diff --git a/src/components/Table/src/components/settings/FullScreenSetting.vue b/src/components/Table/src/components/settings/FullScreenSetting.vue
index af07f84cb..a6fdd3f88 100644
--- a/src/components/Table/src/components/settings/FullScreenSetting.vue
+++ b/src/components/Table/src/components/settings/FullScreenSetting.vue
@@ -12,7 +12,7 @@
   import { Tooltip } from 'ant-design-vue';
   import { FullscreenOutlined, FullscreenExitOutlined } from '@ant-design/icons-vue';
   import { useFullscreen } from '@vueuse/core';
-  import { useI18n } from '/@/hooks/web/useI18n';
+  import { useI18n } from '@/hooks/web/useI18n';
   import { useTableContext } from '../../hooks/useTableContext';
 
   export default defineComponent({
diff --git a/src/components/Table/src/components/settings/RedoSetting.vue b/src/components/Table/src/components/settings/RedoSetting.vue
index 81829a17d..5afa2e1f3 100644
--- a/src/components/Table/src/components/settings/RedoSetting.vue
+++ b/src/components/Table/src/components/settings/RedoSetting.vue
@@ -10,7 +10,7 @@
   import { defineComponent } from 'vue';
   import { Tooltip } from 'ant-design-vue';
   import { RedoOutlined } from '@ant-design/icons-vue';
-  import { useI18n } from '/@/hooks/web/useI18n';
+  import { useI18n } from '@/hooks/web/useI18n';
   import { useTableContext } from '../../hooks/useTableContext';
 
   export default defineComponent({
diff --git a/src/components/Table/src/components/settings/SizeSetting.vue b/src/components/Table/src/components/settings/SizeSetting.vue
index d443af00a..0c8d8945d 100644
--- a/src/components/Table/src/components/settings/SizeSetting.vue
+++ b/src/components/Table/src/components/settings/SizeSetting.vue
@@ -27,9 +27,9 @@
   import { defineComponent, ref } from 'vue';
   import { Tooltip, Dropdown, Menu, type MenuProps } from 'ant-design-vue';
   import { ColumnHeightOutlined } from '@ant-design/icons-vue';
-  import { useI18n } from '/@/hooks/web/useI18n';
+  import { useI18n } from '@/hooks/web/useI18n';
   import { useTableContext } from '../../hooks/useTableContext';
-  import { getPopupContainer } from '/@/utils';
+  import { getPopupContainer } from '@/utils';
 
   export default defineComponent({
     name: 'SizeSetting',
diff --git a/src/components/Table/src/components/settings/index.vue b/src/components/Table/src/components/settings/index.vue
index ab03cb22b..dc1699c4a 100644
--- a/src/components/Table/src/components/settings/index.vue
+++ b/src/components/Table/src/components/settings/index.vue
@@ -18,7 +18,7 @@
   import SizeSetting from './SizeSetting.vue';
   import RedoSetting from './RedoSetting.vue';
   import FullScreenSetting from './FullScreenSetting.vue';
-  import { useI18n } from '/@/hooks/web/useI18n';
+  import { useI18n } from '@/hooks/web/useI18n';
   import { useTableContext } from '../../hooks/useTableContext';
 
   export default defineComponent({
diff --git a/src/components/Table/src/const.ts b/src/components/Table/src/const.ts
index 2a45fac7a..b1850b1b9 100644
--- a/src/components/Table/src/const.ts
+++ b/src/components/Table/src/const.ts
@@ -1,4 +1,4 @@
-import componentSetting from '/@/settings/componentSetting';
+import componentSetting from '@/settings/componentSetting';
 
 const { table } = componentSetting;
 
diff --git a/src/components/Table/src/hooks/useColumns.ts b/src/components/Table/src/hooks/useColumns.ts
index 299f150f7..47b8c9a76 100644
--- a/src/components/Table/src/hooks/useColumns.ts
+++ b/src/components/Table/src/hooks/useColumns.ts
@@ -3,11 +3,11 @@ import type { PaginationProps } from '../types/pagination';
 import type { ComputedRef } from 'vue';
 import { computed, Ref, ref, reactive, toRaw, unref, watch } from 'vue';
 import { renderEditCell } from '../components/editable';
-import { usePermission } from '/@/hooks/web/usePermission';
-import { useI18n } from '/@/hooks/web/useI18n';
-import { isArray, isBoolean, isFunction, isMap, isString } from '/@/utils/is';
+import { usePermission } from '@/hooks/web/usePermission';
+import { useI18n } from '@/hooks/web/useI18n';
+import { isArray, isBoolean, isFunction, isMap, isString } from '@/utils/is';
 import { cloneDeep, isEqual } from 'lodash-es';
-import { formatToDate } from '/@/utils/dateUtil';
+import { formatToDate } from '@/utils/dateUtil';
 import { ACTION_COLUMN_FLAG, DEFAULT_ALIGN, INDEX_COLUMN_FLAG, PAGE_SIZE } from '../const';
 import { ColumnType } from 'ant-design-vue/es/table';
 
diff --git a/src/components/Table/src/hooks/useCustomRow.ts b/src/components/Table/src/hooks/useCustomRow.ts
index 05d4ce9d8..a1620d7b5 100644
--- a/src/components/Table/src/hooks/useCustomRow.ts
+++ b/src/components/Table/src/hooks/useCustomRow.ts
@@ -2,7 +2,7 @@ import type { ComputedRef } from 'vue';
 import type { BasicTableProps } from '../types/table';
 import { unref } from 'vue';
 import { ROW_KEY } from '../const';
-import { isString, isFunction } from '/@/utils/is';
+import { isString, isFunction } from '@/utils/is';
 import type { Key } from 'ant-design-vue/lib/table/interface';
 
 interface Options {
diff --git a/src/components/Table/src/hooks/usePagination.tsx b/src/components/Table/src/hooks/usePagination.tsx
index 1ace59093..90bf2fc75 100644
--- a/src/components/Table/src/hooks/usePagination.tsx
+++ b/src/components/Table/src/hooks/usePagination.tsx
@@ -2,9 +2,9 @@ import type { PaginationProps } from '../types/pagination';
 import type { BasicTableProps } from '../types/table';
 import { computed, unref, ref, ComputedRef, watch } from 'vue';
 import { LeftOutlined, RightOutlined } from '@ant-design/icons-vue';
-import { isBoolean } from '/@/utils/is';
+import { isBoolean } from '@/utils/is';
 import { PAGE_SIZE, PAGE_SIZE_OPTIONS } from '../const';
-import { useI18n } from '/@/hooks/web/useI18n';
+import { useI18n } from '@/hooks/web/useI18n';
 
 interface ItemRender {
   page: number;
diff --git a/src/components/Table/src/hooks/useRowSelection.ts b/src/components/Table/src/hooks/useRowSelection.ts
index e87c3dfb5..1357dc361 100644
--- a/src/components/Table/src/hooks/useRowSelection.ts
+++ b/src/components/Table/src/hooks/useRowSelection.ts
@@ -1,9 +1,9 @@
-import { isFunction } from '/@/utils/is';
+import { isFunction } from '@/utils/is';
 import type { BasicTableProps, TableRowSelection } from '../types/table';
 import { computed, ComputedRef, nextTick, Ref, ref, toRaw, unref, watch } from 'vue';
 import { ROW_KEY } from '../const';
 import { omit } from 'lodash-es';
-import { findNodeAll } from '/@/utils/helper/treeHelper';
+import { findNodeAll } from '@/utils/helper/treeHelper';
 import type { Key } from 'ant-design-vue/lib/table/interface';
 
 export function useRowSelection(
diff --git a/src/components/Table/src/hooks/useScrollTo.ts b/src/components/Table/src/hooks/useScrollTo.ts
index b368f81b0..d8bab1b14 100644
--- a/src/components/Table/src/hooks/useScrollTo.ts
+++ b/src/components/Table/src/hooks/useScrollTo.ts
@@ -1,6 +1,6 @@
 import type { ComputedRef, Ref } from 'vue';
 import { nextTick, unref } from 'vue';
-import { warn } from '/@/utils/log';
+import { warn } from '@/utils/log';
 
 export function useTableScrollTo(
   tableElRef: Ref<ComponentRef>,
diff --git a/src/components/Table/src/hooks/useTable.ts b/src/components/Table/src/hooks/useTable.ts
index e709e4364..e202c8dde 100644
--- a/src/components/Table/src/hooks/useTable.ts
+++ b/src/components/Table/src/hooks/useTable.ts
@@ -1,12 +1,12 @@
 import type { BasicTableProps, TableActionType, FetchParams, BasicColumn } from '../types/table';
 import type { PaginationProps } from '../types/pagination';
 import type { DynamicProps } from '/#/utils';
-import type { FormActionType } from '/@/components/Form';
+import type { FormActionType } from '@/components/Form';
 import type { WatchStopHandle } from 'vue';
-import { getDynamicProps } from '/@/utils';
+import { getDynamicProps } from '@/utils';
 import { ref, onUnmounted, unref, watch, toRaw } from 'vue';
-import { isProdMode } from '/@/utils/env';
-import { error } from '/@/utils/log';
+import { isProdMode } from '@/utils/env';
+import { error } from '@/utils/log';
 import type { Key } from 'ant-design-vue/lib/table/interface';
 
 type Props = Partial<DynamicProps<BasicTableProps>>;
diff --git a/src/components/Table/src/hooks/useTableFooter.ts b/src/components/Table/src/hooks/useTableFooter.ts
index 6a3aa580a..2e187d8f0 100644
--- a/src/components/Table/src/hooks/useTableFooter.ts
+++ b/src/components/Table/src/hooks/useTableFooter.ts
@@ -2,7 +2,7 @@ import type { ComputedRef, Ref } from 'vue';
 import type { BasicTableProps } from '../types/table';
 import { unref, computed, h, nextTick, watchEffect } from 'vue';
 import TableFooter from '../components/TableFooter.vue';
-import { useEventListener } from '/@/hooks/event/useEventListener';
+import { useEventListener } from '@/hooks/event/useEventListener';
 
 export function useTableFooter(
   propsRef: ComputedRef<BasicTableProps>,
diff --git a/src/components/Table/src/hooks/useTableForm.ts b/src/components/Table/src/hooks/useTableForm.ts
index 9d5712d5e..f0474e681 100644
--- a/src/components/Table/src/hooks/useTableForm.ts
+++ b/src/components/Table/src/hooks/useTableForm.ts
@@ -1,8 +1,8 @@
 import type { ComputedRef, Slots } from 'vue';
 import type { BasicTableProps, FetchParams } from '../types/table';
 import { unref, computed } from 'vue';
-import type { FormProps } from '/@/components/Form';
-import { isFunction } from '/@/utils/is';
+import type { FormProps } from '@/components/Form';
+import { isFunction } from '@/utils/is';
 
 export function useTableForm(
   propsRef: ComputedRef<BasicTableProps>,
diff --git a/src/components/Table/src/hooks/useTableHeader.ts b/src/components/Table/src/hooks/useTableHeader.ts
index e72820755..b230437d4 100644
--- a/src/components/Table/src/hooks/useTableHeader.ts
+++ b/src/components/Table/src/hooks/useTableHeader.ts
@@ -2,8 +2,8 @@ import type { ComputedRef, Slots } from 'vue';
 import type { BasicTableProps, InnerHandlers } from '../types/table';
 import { unref, computed, h } from 'vue';
 import TableHeader from '../components/TableHeader.vue';
-import { isString } from '/@/utils/is';
-import { getSlot } from '/@/utils/helper/tsxHelper';
+import { isString } from '@/utils/is';
+import { getSlot } from '@/utils/helper/tsxHelper';
 
 export function useTableHeader(
   propsRef: ComputedRef<BasicTableProps>,
diff --git a/src/components/Table/src/hooks/useTableStyle.ts b/src/components/Table/src/hooks/useTableStyle.ts
index 292187d88..f5f896a8a 100644
--- a/src/components/Table/src/hooks/useTableStyle.ts
+++ b/src/components/Table/src/hooks/useTableStyle.ts
@@ -1,7 +1,7 @@
 import type { ComputedRef } from 'vue';
 import type { BasicTableProps, TableCustomRecord } from '../types/table';
 import { unref } from 'vue';
-import { isFunction } from '/@/utils/is';
+import { isFunction } from '@/utils/is';
 
 export function useTableStyle(propsRef: ComputedRef<BasicTableProps>, prefixCls: string) {
   function getRowClassName(record: TableCustomRecord, index: number) {
diff --git a/src/components/Table/src/props.ts b/src/components/Table/src/props.ts
index 888cd9f6e..761fcbc88 100644
--- a/src/components/Table/src/props.ts
+++ b/src/components/Table/src/props.ts
@@ -9,10 +9,10 @@ import type {
   TableRowSelection,
   SizeType,
 } from './types/table';
-import type { FormProps } from '/@/components/Form';
+import type { FormProps } from '@/components/Form';
 
 import { DEFAULT_FILTER_FN, DEFAULT_SORT_FN, FETCH_SETTING, DEFAULT_SIZE } from './const';
-import { propTypes } from '/@/utils/propTypes';
+import { propTypes } from '@/utils/propTypes';
 
 export const basicProps = {
   clickToRowSelect: { type: Boolean, default: true },
diff --git a/src/components/Table/src/types/table.ts b/src/components/Table/src/types/table.ts
index 0819a521b..e0a3c0e9b 100644
--- a/src/components/Table/src/types/table.ts
+++ b/src/components/Table/src/types/table.ts
@@ -1,6 +1,6 @@
 import type { VNodeChild } from 'vue';
 import type { PaginationProps } from './pagination';
-import type { FormProps } from '/@/components/Form';
+import type { FormProps } from '@/components/Form';
 import type {
   TableRowSelection as ITableRowSelection,
   Key,
@@ -9,8 +9,8 @@ import type {
 import type { ColumnProps } from 'ant-design-vue/lib/table';
 
 import { ComponentType } from './componentType';
-import { VueNode } from '/@/utils/propTypes';
-import { RoleEnum } from '/@/enums/roleEnum';
+import { VueNode } from '@/utils/propTypes';
+import { RoleEnum } from '@/enums/roleEnum';
 
 export declare type SortOrder = 'ascend' | 'descend';
 
diff --git a/src/components/Table/src/types/tableAction.ts b/src/components/Table/src/types/tableAction.ts
index d84770762..30df89893 100644
--- a/src/components/Table/src/types/tableAction.ts
+++ b/src/components/Table/src/types/tableAction.ts
@@ -1,6 +1,6 @@
 import { ButtonProps } from 'ant-design-vue/es/button/buttonTypes';
 import { TooltipProps } from 'ant-design-vue/es/tooltip/Tooltip';
-import { RoleEnum } from '/@/enums/roleEnum';
+import { RoleEnum } from '@/enums/roleEnum';
 
 export interface ActionItem extends ButtonProps {
   onClick?: Fn;
diff --git a/src/components/Time/index.ts b/src/components/Time/index.ts
index 7e2f4c02d..c2aae2de1 100644
--- a/src/components/Time/index.ts
+++ b/src/components/Time/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '/@/utils/index';
+import { withInstall } from '@/utils/index';
 import time from './src/Time.vue';
 
 export const Time = withInstall(time);
diff --git a/src/components/Time/src/Time.vue b/src/components/Time/src/Time.vue
index 278936881..1b3fee2e6 100644
--- a/src/components/Time/src/Time.vue
+++ b/src/components/Time/src/Time.vue
@@ -3,11 +3,11 @@
 </template>
 <script lang="ts">
   import { defineComponent, ref, watch } from 'vue';
-  import { useI18n } from '/@/hooks/web/useI18n';
+  import { useI18n } from '@/hooks/web/useI18n';
   import { useIntervalFn } from '@vueuse/core';
-  import { formatToDateTime, formatToDate, dateUtil } from '/@/utils/dateUtil';
-  import { isNumber, isObject, isString } from '/@/utils/is';
-  import { propTypes } from '/@/utils/propTypes';
+  import { formatToDateTime, formatToDate, dateUtil } from '@/utils/dateUtil';
+  import { isNumber, isObject, isString } from '@/utils/is';
+  import { propTypes } from '@/utils/propTypes';
 
   const ONE_SECONDS = 1000;
   const ONE_MINUTES = ONE_SECONDS * 60;
diff --git a/src/components/Tinymce/index.ts b/src/components/Tinymce/index.ts
index ce07f95e3..c42a9a9f6 100644
--- a/src/components/Tinymce/index.ts
+++ b/src/components/Tinymce/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '/@/utils/index';
+import { withInstall } from '@/utils/index';
 import tinymce from './src/Editor.vue';
 
 export const Tinymce = withInstall(tinymce);
diff --git a/src/components/Tinymce/src/Editor.vue b/src/components/Tinymce/src/Editor.vue
index d6ce96d45..8a7951f72 100644
--- a/src/components/Tinymce/src/Editor.vue
+++ b/src/components/Tinymce/src/Editor.vue
@@ -60,13 +60,13 @@
   } from 'vue';
   import ImgUpload from './ImgUpload.vue';
   import { toolbar, plugins } from './tinymce';
-  import { buildShortUUID } from '/@/utils/uuid';
+  import { buildShortUUID } from '@/utils/uuid';
   import { bindHandlers } from './helper';
   import { onMountedOrActivated } from '@vben/hooks';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { isNumber } from '/@/utils/is';
-  import { useLocale } from '/@/locales/useLocale';
-  import { useAppStore } from '/@/store/modules/app';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { isNumber } from '@/utils/is';
+  import { useLocale } from '@/locales/useLocale';
+  import { useAppStore } from '@/store/modules/app';
 
   const tinymceProps = {
     options: {
diff --git a/src/components/Tinymce/src/ImgUpload.vue b/src/components/Tinymce/src/ImgUpload.vue
index 2fabed8b8..9d3ae6187 100644
--- a/src/components/Tinymce/src/ImgUpload.vue
+++ b/src/components/Tinymce/src/ImgUpload.vue
@@ -25,10 +25,10 @@
   import { defineComponent, computed } from 'vue';
 
   import { Upload } from 'ant-design-vue';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { useGlobSetting } from '/@/hooks/setting';
-  import { useI18n } from '/@/hooks/web/useI18n';
-  import { useUserStore } from '/@/store/modules/user';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { useGlobSetting } from '@/hooks/setting';
+  import { useI18n } from '@/hooks/web/useI18n';
+  import { useUserStore } from '@/store/modules/user';
 
   export default defineComponent({
     name: 'TinymceImageUpload',
diff --git a/src/components/Transition/src/CollapseTransition.vue b/src/components/Transition/src/CollapseTransition.vue
index 6b50fa198..719ff0332 100644
--- a/src/components/Transition/src/CollapseTransition.vue
+++ b/src/components/Transition/src/CollapseTransition.vue
@@ -5,7 +5,7 @@
 </template>
 <script lang="ts">
   import { defineComponent } from 'vue';
-  import { addClass, removeClass } from '/@/utils/domUtils';
+  import { addClass, removeClass } from '@/utils/domUtils';
 
   export default defineComponent({
     name: 'CollapseTransition',
diff --git a/src/components/Transition/src/CreateTransition.tsx b/src/components/Transition/src/CreateTransition.tsx
index 035a34a64..99cd2a978 100644
--- a/src/components/Transition/src/CreateTransition.tsx
+++ b/src/components/Transition/src/CreateTransition.tsx
@@ -1,7 +1,7 @@
 import type { PropType } from 'vue';
 
 import { defineComponent, Transition, TransitionGroup } from 'vue';
-import { getSlot } from '/@/utils/helper/tsxHelper';
+import { getSlot } from '@/utils/helper/tsxHelper';
 
 type Mode = 'in-out' | 'out-in' | 'default' | undefined;
 
diff --git a/src/components/Tree/index.ts b/src/components/Tree/index.ts
index 169035aac..70dcb032f 100644
--- a/src/components/Tree/index.ts
+++ b/src/components/Tree/index.ts
@@ -2,5 +2,5 @@ import BasicTree from './src/BasicTree.vue';
 import './style';
 
 export { BasicTree };
-export type { ContextMenuItem } from '/@/hooks/web/useContextMenu';
+export type { ContextMenuItem } from '@/hooks/web/useContextMenu';
 export * from './src/types/tree';
diff --git a/src/components/Tree/src/BasicTree.vue b/src/components/Tree/src/BasicTree.vue
index 56bd4badf..c529582bd 100644
--- a/src/components/Tree/src/BasicTree.vue
+++ b/src/components/Tree/src/BasicTree.vue
@@ -23,16 +23,16 @@
   import TreeHeader from './components/TreeHeader.vue';
   import { Tree, Spin, Empty } from 'ant-design-vue';
   import { TreeIcon } from './TreeIcon';
-  import { ScrollContainer } from '/@/components/Container';
+  import { ScrollContainer } from '@/components/Container';
   import { omit, get, difference, cloneDeep } from 'lodash-es';
-  import { isArray, isBoolean, isEmpty, isFunction } from '/@/utils/is';
-  import { extendSlots, getSlot } from '/@/utils/helper/tsxHelper';
-  import { filter, treeToList, eachTree } from '/@/utils/helper/treeHelper';
+  import { isArray, isBoolean, isEmpty, isFunction } from '@/utils/is';
+  import { extendSlots, getSlot } from '@/utils/helper/tsxHelper';
+  import { filter, treeToList, eachTree } from '@/utils/helper/treeHelper';
   import { useTree } from './hooks/useTree';
-  import { useContextMenu } from '/@/hooks/web/useContextMenu';
-  import { CreateContextOptions } from '/@/components/ContextMenu';
+  import { useContextMenu } from '@/hooks/web/useContextMenu';
+  import { CreateContextOptions } from '@/components/ContextMenu';
   import { treeEmits, treeProps } from './types/tree';
-  import { createBEM } from '/@/utils/bem';
+  import { createBEM } from '@/utils/bem';
   import type { TreeProps } from 'ant-design-vue/es/tree/Tree';
 
   export default defineComponent({
diff --git a/src/components/Tree/src/components/TreeHeader.vue b/src/components/Tree/src/components/TreeHeader.vue
index 1cbee0b6a..87c39752e 100644
--- a/src/components/Tree/src/components/TreeHeader.vue
+++ b/src/components/Tree/src/components/TreeHeader.vue
@@ -43,10 +43,10 @@
     type MenuProps,
   } from 'ant-design-vue';
   import Icon from '@/components/Icon/Icon.vue';
-  import { BasicTitle } from '/@/components/Basic';
-  import { useI18n } from '/@/hooks/web/useI18n';
+  import { BasicTitle } from '@/components/Basic';
+  import { useI18n } from '@/hooks/web/useI18n';
   import { useDebounceFn } from '@vueuse/core';
-  import { createBEM } from '/@/utils/bem';
+  import { createBEM } from '@/utils/bem';
   import { ToolbarEnum } from '../types/tree';
 
   const searchValue = ref('');
diff --git a/src/components/Tree/src/hooks/useTree.ts b/src/components/Tree/src/hooks/useTree.ts
index c48000cc8..b7621cfdd 100644
--- a/src/components/Tree/src/hooks/useTree.ts
+++ b/src/components/Tree/src/hooks/useTree.ts
@@ -4,7 +4,7 @@ import type { TreeDataItem } from 'ant-design-vue/es/tree/Tree';
 
 import { cloneDeep } from 'lodash-es';
 import { unref } from 'vue';
-import { forEach } from '/@/utils/helper/treeHelper';
+import { forEach } from '@/utils/helper/treeHelper';
 
 export function useTree(treeDataRef: Ref<TreeDataItem[]>, getFieldNames: ComputedRef<FieldNames>) {
   function getAllKeys(list?: TreeDataItem[]) {
diff --git a/src/components/Tree/src/types/tree.ts b/src/components/Tree/src/types/tree.ts
index 2fa4c61bb..4d79806a7 100644
--- a/src/components/Tree/src/types/tree.ts
+++ b/src/components/Tree/src/types/tree.ts
@@ -1,7 +1,7 @@
 import type { ExtractPropTypes, Ref } from 'vue';
 import type { TreeDataItem } from 'ant-design-vue/es/tree/Tree';
 
-import { buildProps } from '/@/utils/props';
+import { buildProps } from '@/utils/props';
 
 export enum ToolbarEnum {
   SELECT_ALL,
diff --git a/src/components/Upload/index.ts b/src/components/Upload/index.ts
index 325a39633..1f8569e54 100644
--- a/src/components/Upload/index.ts
+++ b/src/components/Upload/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '/@/utils';
+import { withInstall } from '@/utils';
 import basicUpload from './src/BasicUpload.vue';
 import uploadImage from './src/components/ImageUpload.vue';
 
diff --git a/src/components/Upload/src/BasicUpload.vue b/src/components/Upload/src/BasicUpload.vue
index a8d0b2fbe..e64a13251 100644
--- a/src/components/Upload/src/BasicUpload.vue
+++ b/src/components/Upload/src/BasicUpload.vue
@@ -42,11 +42,11 @@
   import { Recordable } from '@vben/types';
   import Icon from '@/components/Icon/Icon.vue';
   import { Tooltip, Space } from 'ant-design-vue';
-  import { useModal } from '/@/components/Modal';
+  import { useModal } from '@/components/Modal';
   import { uploadContainerProps } from './props';
   import { omit } from 'lodash-es';
-  import { useI18n } from '/@/hooks/web/useI18n';
-  import { isArray } from '/@/utils/is';
+  import { useI18n } from '@/hooks/web/useI18n';
+  import { isArray } from '@/utils/is';
   import UploadModal from './components/UploadModal.vue';
   import UploadPreviewModal from './components/UploadPreviewModal.vue';
 
diff --git a/src/components/Upload/src/components/FileList.vue b/src/components/Upload/src/components/FileList.vue
index f7046aaf8..59a16538e 100644
--- a/src/components/Upload/src/components/FileList.vue
+++ b/src/components/Upload/src/components/FileList.vue
@@ -1,8 +1,8 @@
 <script lang="tsx">
   import { fileListProps } from '../props';
-  import { isFunction, isDef } from '/@/utils/is';
-  import { useSortable } from '/@/hooks/web/useSortable';
-  import { useModalContext } from '/@/components/Modal/src/hooks/useModalContext';
+  import { isFunction, isDef } from '@/utils/is';
+  import { useSortable } from '@/hooks/web/useSortable';
+  import { useModalContext } from '@/components/Modal/src/hooks/useModalContext';
   import { defineComponent, CSSProperties, watch, nextTick, ref, onMounted } from 'vue';
 
   export default defineComponent({
diff --git a/src/components/Upload/src/components/ThumbUrl.vue b/src/components/Upload/src/components/ThumbUrl.vue
index 1b268dcf9..039530f06 100644
--- a/src/components/Upload/src/components/ThumbUrl.vue
+++ b/src/components/Upload/src/components/ThumbUrl.vue
@@ -5,7 +5,7 @@
 </template>
 <script lang="ts">
   import { defineComponent } from 'vue';
-  import { propTypes } from '/@/utils/propTypes';
+  import { propTypes } from '@/utils/propTypes';
   import { Image } from 'ant-design-vue';
 
   export default defineComponent({
diff --git a/src/components/Upload/src/components/UploadModal.vue b/src/components/Upload/src/components/UploadModal.vue
index d188b1e85..ee899b0ec 100644
--- a/src/components/Upload/src/components/UploadModal.vue
+++ b/src/components/Upload/src/components/UploadModal.vue
@@ -51,22 +51,22 @@
 <script lang="ts">
   import { defineComponent, reactive, ref, toRefs, unref, computed, PropType } from 'vue';
   import { Upload, Alert, message } from 'ant-design-vue';
-  import { BasicModal, useModalInner } from '/@/components/Modal';
-  //   import { BasicTable, useTable } from '/@/components/Table';
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  //   import { BasicTable, useTable } from '@/components/Table';
   // hooks
   import { useUploadType } from '../hooks/useUpload';
-  import { useMessage } from '/@/hooks/web/useMessage';
+  import { useMessage } from '@/hooks/web/useMessage';
   //   types
   import { FileItem, UploadResultStatus } from '../types/typing';
   import { basicProps } from '../props';
   import { createTableColumns, createActionColumn } from './data';
   // utils
   import { checkImgType, getBase64WithFile } from '../helper';
-  import { buildUUID } from '/@/utils/uuid';
-  import { isFunction } from '/@/utils/is';
-  import { warn } from '/@/utils/log';
+  import { buildUUID } from '@/utils/uuid';
+  import { isFunction } from '@/utils/is';
+  import { warn } from '@/utils/log';
   import FileList from './FileList.vue';
-  import { useI18n } from '/@/hooks/web/useI18n';
+  import { useI18n } from '@/hooks/web/useI18n';
   import file2md5 from 'file2md5';
   import useClipboard from 'vue-clipboard3';
 
diff --git a/src/components/Upload/src/components/UploadPreviewModal.vue b/src/components/Upload/src/components/UploadPreviewModal.vue
index 74dcd3161..5177233f5 100644
--- a/src/components/Upload/src/components/UploadPreviewModal.vue
+++ b/src/components/Upload/src/components/UploadPreviewModal.vue
@@ -13,13 +13,13 @@
 <script lang="ts">
   import { defineComponent, watch, ref } from 'vue';
   import FileList from './FileList.vue';
-  import { BasicModal, useModalInner } from '/@/components/Modal';
+  import { BasicModal, useModalInner } from '@/components/Modal';
   import { previewProps } from '../props';
   import { PreviewFileItem } from '../types/typing';
-  import { downloadByUrl } from '/@/utils/file/download';
+  import { downloadByUrl } from '@/utils/file/download';
   import { createPreviewColumns, createPreviewActionColumn } from './data';
-  import { useI18n } from '/@/hooks/web/useI18n';
-  import { isArray } from '/@/utils/is';
+  import { useI18n } from '@/hooks/web/useI18n';
+  import { isArray } from '@/utils/is';
 
   export default defineComponent({
     components: { BasicModal, FileList },
diff --git a/src/components/Upload/src/components/data.tsx b/src/components/Upload/src/components/data.tsx
index 8ceadbf1c..920492e74 100644
--- a/src/components/Upload/src/components/data.tsx
+++ b/src/components/Upload/src/components/data.tsx
@@ -1,10 +1,10 @@
-import type { BasicColumn, ActionItem } from '/@/components/Table';
+import type { BasicColumn, ActionItem } from '@/components/Table';
 import { FileBasicColumn, FileItem, PreviewFileItem, UploadResultStatus } from '../types/typing';
 import { isImgTypeByName } from '../helper';
 import { Progress, Tag } from 'ant-design-vue';
-import TableAction from '/@/components/Table/src/components/TableAction.vue';
+import TableAction from '@/components/Table/src/components/TableAction.vue';
 import ThumbUrl from './ThumbUrl.vue';
-import { useI18n } from '/@/hooks/web/useI18n';
+import { useI18n } from '@/hooks/web/useI18n';
 
 const { t } = useI18n();
 
diff --git a/src/components/Upload/src/hooks/useUpload.ts b/src/components/Upload/src/hooks/useUpload.ts
index fb178d036..53fa38065 100644
--- a/src/components/Upload/src/hooks/useUpload.ts
+++ b/src/components/Upload/src/hooks/useUpload.ts
@@ -1,5 +1,5 @@
 import { Ref, unref, computed } from 'vue';
-import { useI18n } from '/@/hooks/web/useI18n';
+import { useI18n } from '@/hooks/web/useI18n';
 
 const { t } = useI18n();
 export function useUploadType({
diff --git a/src/components/Upload/src/props.ts b/src/components/Upload/src/props.ts
index 39689048e..8c77da1bb 100644
--- a/src/components/Upload/src/props.ts
+++ b/src/components/Upload/src/props.ts
@@ -3,7 +3,7 @@ import { FileBasicColumn } from './types/typing';
 
 import type { Options } from 'sortablejs';
 
-import { Merge } from '/@/utils/types';
+import { Merge } from '@/utils/types';
 
 type SortableOptions = Merge<
   Omit<Options, 'onEnd'>,
diff --git a/src/components/Upload/src/types/typing.ts b/src/components/Upload/src/types/typing.ts
index decf9ee5e..1a3de38b3 100644
--- a/src/components/Upload/src/types/typing.ts
+++ b/src/components/Upload/src/types/typing.ts
@@ -1,5 +1,5 @@
-import { BasicColumn } from '/@/components/Table';
-import { UploadApiResp } from '/@/api/sys/model/uploadModel';
+import { BasicColumn } from '@/components/Table';
+import { UploadApiResp } from '@/api/sys/model/uploadModel';
 
 export enum UploadResultStatus {
   SUCCESS = 'success',
diff --git a/src/components/Verify/index.ts b/src/components/Verify/index.ts
index 7c67101b6..ddd9c98f9 100644
--- a/src/components/Verify/index.ts
+++ b/src/components/Verify/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '/@/utils/index';
+import { withInstall } from '@/utils/index';
 import basicDragVerify from './src/DragVerify.vue';
 import rotateDragVerify from './src/ImgRotate.vue';
 
diff --git a/src/components/Verify/src/DragVerify.vue b/src/components/Verify/src/DragVerify.vue
index 09bbc7bc2..3b5dc04eb 100644
--- a/src/components/Verify/src/DragVerify.vue
+++ b/src/components/Verify/src/DragVerify.vue
@@ -2,9 +2,9 @@
   import type { Ref } from 'vue';
   import { defineComponent, ref, computed, unref, reactive, watch, watchEffect } from 'vue';
   import { useTimeoutFn } from '@vben/hooks';
-  import { useEventListener } from '/@/hooks/event/useEventListener';
+  import { useEventListener } from '@/hooks/event/useEventListener';
   import { basicProps } from './props';
-  import { getSlot } from '/@/utils/helper/tsxHelper';
+  import { getSlot } from '@/utils/helper/tsxHelper';
   import { CheckOutlined, DoubleRightOutlined } from '@ant-design/icons-vue';
 
   export default defineComponent({
diff --git a/src/components/Verify/src/ImgRotate.vue b/src/components/Verify/src/ImgRotate.vue
index 831429584..9e6a4f92d 100644
--- a/src/components/Verify/src/ImgRotate.vue
+++ b/src/components/Verify/src/ImgRotate.vue
@@ -3,9 +3,9 @@
   import { defineComponent, computed, unref, reactive, watch, ref } from 'vue';
   import { useTimeoutFn } from '@vben/hooks';
   import BasicDragVerify from './DragVerify.vue';
-  import { hackCss } from '/@/utils/domUtils';
+  import { hackCss } from '@/utils/domUtils';
   import { rotateProps } from './props';
-  import { useI18n } from '/@/hooks/web/useI18n';
+  import { useI18n } from '@/hooks/web/useI18n';
 
   export default defineComponent({
     name: 'ImgRotateDragVerify',
diff --git a/src/components/Verify/src/props.ts b/src/components/Verify/src/props.ts
index d09a57ab5..8805200c2 100644
--- a/src/components/Verify/src/props.ts
+++ b/src/components/Verify/src/props.ts
@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import { useI18n } from '/@/hooks/web/useI18n';
+import { useI18n } from '@/hooks/web/useI18n';
 
 const { t } = useI18n();
 export const basicProps = {
diff --git a/src/components/VirtualScroll/index.ts b/src/components/VirtualScroll/index.ts
index a4c608975..856139657 100644
--- a/src/components/VirtualScroll/index.ts
+++ b/src/components/VirtualScroll/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '/@/utils/index';
+import { withInstall } from '@/utils/index';
 import vScroll from './src/VirtualScroll.vue';
 
 export const VScroll = withInstall(vScroll);
diff --git a/src/components/VirtualScroll/src/VirtualScroll.vue b/src/components/VirtualScroll/src/VirtualScroll.vue
index 969ce13f8..255100327 100644
--- a/src/components/VirtualScroll/src/VirtualScroll.vue
+++ b/src/components/VirtualScroll/src/VirtualScroll.vue
@@ -11,8 +11,8 @@
     CSSProperties,
     PropType,
   } from 'vue';
-  import { useEventListener } from '/@/hooks/event/useEventListener';
-  import { getSlot } from '/@/utils/helper/tsxHelper';
+  import { useEventListener } from '@/hooks/event/useEventListener';
+  import { getSlot } from '@/utils/helper/tsxHelper';
 
   type NumberOrNumberString = PropType<string | number | undefined>;
 
diff --git a/src/components/VxeTable/index.ts b/src/components/VxeTable/index.ts
index bc24c3925..be1212960 100644
--- a/src/components/VxeTable/index.ts
+++ b/src/components/VxeTable/index.ts
@@ -1,4 +1,4 @@
-import { withInstall } from '/@/utils';
+import { withInstall } from '@/utils';
 import vxeBasicTable from './src/VxeBasicTable';
 import { VXETable } from 'vxe-table';
 import VXETablePluginAntd from './src/components';
diff --git a/src/components/VxeTable/src/VxeBasicTable.tsx b/src/components/VxeTable/src/VxeBasicTable.tsx
index 8133142a4..e48cb10cf 100644
--- a/src/components/VxeTable/src/VxeBasicTable.tsx
+++ b/src/components/VxeTable/src/VxeBasicTable.tsx
@@ -14,7 +14,7 @@ import type {
 } from 'vxe-table';
 import { Grid as VxeGrid } from 'vxe-table';
 
-import { extendSlots } from '/@/utils/helper/tsxHelper';
+import { extendSlots } from '@/utils/helper/tsxHelper';
 import { gridComponentMethodKeys } from './methods';
 import { omit } from 'lodash-es';
 
diff --git a/src/components/VxeTable/src/componentMap.ts b/src/components/VxeTable/src/componentMap.ts
index d1ca62e0d..04a632ec7 100644
--- a/src/components/VxeTable/src/componentMap.ts
+++ b/src/components/VxeTable/src/componentMap.ts
@@ -1,7 +1,7 @@
 import type { Component } from 'vue';
 
 import type { ComponentType } from './componentType';
-import { ApiSelect, ApiTreeSelect } from '/@/components/Form';
+import { ApiSelect, ApiTreeSelect } from '@/components/Form';
 import {
   Input,
   Select,
@@ -17,7 +17,7 @@ import {
   Rate,
   Empty,
 } from 'ant-design-vue';
-import { Button } from '/@/components/Button';
+import { Button } from '@/components/Button';
 
 const componentMap = new Map<ComponentType, Component>();
 
diff --git a/src/components/VxeTable/src/helper.ts b/src/components/VxeTable/src/helper.ts
index 07aa8fded..25e16b3fc 100644
--- a/src/components/VxeTable/src/helper.ts
+++ b/src/components/VxeTable/src/helper.ts
@@ -1,5 +1,5 @@
 import { ComponentType } from './componentType';
-import { useI18n } from '/@/hooks/web/useI18n';
+import { useI18n } from '@/hooks/web/useI18n';
 
 const { t } = useI18n();
 
diff --git a/src/components/VxeTable/src/setting.ts b/src/components/VxeTable/src/setting.ts
index a1df882a9..ba3d0619e 100644
--- a/src/components/VxeTable/src/setting.ts
+++ b/src/components/VxeTable/src/setting.ts
@@ -1,4 +1,4 @@
 import { VXETable } from '..';
-import componentSetting from '/@/settings/componentSetting';
+import componentSetting from '@/settings/componentSetting';
 
 VXETable.setup(componentSetting.vxeTable);
diff --git a/src/directives/clickOutside.ts b/src/directives/clickOutside.ts
index 9b7960fe5..9eedca4a3 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 712b71ce7..dadb5b7d7 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 ca5d0fca1..319e340f6 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 83c44270c..bb2892112 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/component/usePageContext.ts b/src/hooks/component/usePageContext.ts
index 12cc16057..1e2e7158d 100644
--- a/src/hooks/component/usePageContext.ts
+++ b/src/hooks/component/usePageContext.ts
@@ -1,5 +1,5 @@
 import type { InjectionKey, ComputedRef, Ref } from 'vue';
-import { createContext, useContext } from '/@/hooks/core/useContext';
+import { createContext, useContext } from '@/hooks/core/useContext';
 
 export interface PageContextProps {
   contentHeight: ComputedRef<number>;
diff --git a/src/hooks/event/useBreakpoint.ts b/src/hooks/event/useBreakpoint.ts
index 0ca3a6b4c..b51b03ee7 100644
--- a/src/hooks/event/useBreakpoint.ts
+++ b/src/hooks/event/useBreakpoint.ts
@@ -1,6 +1,6 @@
 import { ref, computed, ComputedRef, unref } from 'vue';
-import { useEventListener } from '/@/hooks/event/useEventListener';
-import { screenMap, sizeEnum, screenEnum } from '/@/enums/breakpointEnum';
+import { useEventListener } from '@/hooks/event/useEventListener';
+import { screenMap, sizeEnum, screenEnum } from '@/enums/breakpointEnum';
 
 // 可以用这个替换，优化项
 // import { Grid } from 'ant-design-vue';
diff --git a/src/hooks/event/useScroll.ts b/src/hooks/event/useScroll.ts
index cc60f9bf5..082712074 100644
--- a/src/hooks/event/useScroll.ts
+++ b/src/hooks/event/useScroll.ts
@@ -1,7 +1,7 @@
 import type { Ref } from 'vue';
 
 import { ref, onMounted, watch, onUnmounted } from 'vue';
-import { isWindow, isObject } from '/@/utils/is';
+import { isWindow, isObject } from '@/utils/is';
 import { useThrottleFn } from '@vueuse/core';
 
 export function useScroll(
diff --git a/src/hooks/setting/index.ts b/src/hooks/setting/index.ts
index 2f0db3adc..eeb2bad4a 100644
--- a/src/hooks/setting/index.ts
+++ b/src/hooks/setting/index.ts
@@ -1,6 +1,6 @@
 import type { GlobConfig } from '/#/config';
 
-import { getAppEnvConfig } from '/@/utils/env';
+import { getAppEnvConfig } from '@/utils/env';
 
 export const useGlobSetting = (): Readonly<GlobConfig> => {
   const { VITE_GLOB_APP_TITLE, VITE_GLOB_API_URL, VITE_GLOB_API_URL_PREFIX, VITE_GLOB_UPLOAD_URL } =
diff --git a/src/hooks/setting/useDarkModeTheme.ts b/src/hooks/setting/useDarkModeTheme.ts
index cd923506c..157c4961c 100644
--- a/src/hooks/setting/useDarkModeTheme.ts
+++ b/src/hooks/setting/useDarkModeTheme.ts
@@ -1,7 +1,7 @@
 import { computed } from 'vue';
 import { theme } from 'ant-design-vue';
-import { useRootSetting } from '/@/hooks/setting/useRootSetting';
-import { ThemeEnum } from '/@/enums/appEnum';
+import { useRootSetting } from '@/hooks/setting/useRootSetting';
+import { ThemeEnum } from '@/enums/appEnum';
 
 export function useDarkModeTheme() {
   const { getDarkMode } = useRootSetting();
diff --git a/src/hooks/setting/useHeaderSetting.ts b/src/hooks/setting/useHeaderSetting.ts
index 4ff8b18ab..d9369af99 100644
--- a/src/hooks/setting/useHeaderSetting.ts
+++ b/src/hooks/setting/useHeaderSetting.ts
@@ -2,12 +2,12 @@ import type { HeaderSetting } from '/#/config';
 
 import { computed, unref } from 'vue';
 
-import { useAppStore } from '/@/store/modules/app';
+import { useAppStore } from '@/store/modules/app';
 
-import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
-import { useRootSetting } from '/@/hooks/setting/useRootSetting';
-import { useFullContent } from '/@/hooks/web/useFullContent';
-import { MenuModeEnum } from '/@/enums/menuEnum';
+import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
+import { useRootSetting } from '@/hooks/setting/useRootSetting';
+import { useFullContent } from '@/hooks/web/useFullContent';
+import { MenuModeEnum } from '@/enums/menuEnum';
 
 export function useHeaderSetting() {
   const { getFullContent } = useFullContent();
diff --git a/src/hooks/setting/useMenuSetting.ts b/src/hooks/setting/useMenuSetting.ts
index a600e5e18..e050b4420 100644
--- a/src/hooks/setting/useMenuSetting.ts
+++ b/src/hooks/setting/useMenuSetting.ts
@@ -2,11 +2,11 @@ import type { MenuSetting } from '/#/config';
 
 import { computed, unref, ref } from 'vue';
 
-import { useAppStore } from '/@/store/modules/app';
+import { useAppStore } from '@/store/modules/app';
 
-import { SIDE_BAR_MINI_WIDTH, SIDE_BAR_SHOW_TIT_MINI_WIDTH } from '/@/enums/appEnum';
-import { MenuModeEnum, MenuTypeEnum, TriggerEnum } from '/@/enums/menuEnum';
-import { useFullContent } from '/@/hooks/web/useFullContent';
+import { SIDE_BAR_MINI_WIDTH, SIDE_BAR_SHOW_TIT_MINI_WIDTH } from '@/enums/appEnum';
+import { MenuModeEnum, MenuTypeEnum, TriggerEnum } from '@/enums/menuEnum';
+import { useFullContent } from '@/hooks/web/useFullContent';
 
 const mixSideHasChildren = ref(false);
 
diff --git a/src/hooks/setting/useMultipleTabSetting.ts b/src/hooks/setting/useMultipleTabSetting.ts
index 5908b9c20..7843fa60b 100644
--- a/src/hooks/setting/useMultipleTabSetting.ts
+++ b/src/hooks/setting/useMultipleTabSetting.ts
@@ -2,7 +2,7 @@ import type { MultiTabsSetting } from '/#/config';
 
 import { computed } from 'vue';
 
-import { useAppStore } from '/@/store/modules/app';
+import { useAppStore } from '@/store/modules/app';
 
 export function useMultipleTabSetting() {
   const appStore = useAppStore();
diff --git a/src/hooks/setting/useRootSetting.ts b/src/hooks/setting/useRootSetting.ts
index 4976e40ac..f9b970a64 100644
--- a/src/hooks/setting/useRootSetting.ts
+++ b/src/hooks/setting/useRootSetting.ts
@@ -2,8 +2,8 @@ import type { ProjectConfig } from '/#/config';
 
 import { computed } from 'vue';
 
-import { useAppStore } from '/@/store/modules/app';
-import { ContentEnum, ThemeEnum } from '/@/enums/appEnum';
+import { useAppStore } from '@/store/modules/app';
+import { ContentEnum, ThemeEnum } from '@/enums/appEnum';
 
 type RootSetting = Omit<
   ProjectConfig,
diff --git a/src/hooks/setting/useTransitionSetting.ts b/src/hooks/setting/useTransitionSetting.ts
index b6d421afb..9ba197776 100644
--- a/src/hooks/setting/useTransitionSetting.ts
+++ b/src/hooks/setting/useTransitionSetting.ts
@@ -2,7 +2,7 @@ import type { TransitionSetting } from '/#/config';
 
 import { computed } from 'vue';
 
-import { useAppStore } from '/@/store/modules/app';
+import { useAppStore } from '@/store/modules/app';
 
 export function useTransitionSetting() {
   const appStore = useAppStore();
diff --git a/src/hooks/web/useAppInject.ts b/src/hooks/web/useAppInject.ts
index 7d6efb2b8..cc3cc1fdf 100644
--- a/src/hooks/web/useAppInject.ts
+++ b/src/hooks/web/useAppInject.ts
@@ -1,4 +1,4 @@
-import { useAppProviderContext } from '/@/components/Application';
+import { useAppProviderContext } from '@/components/Application';
 import { computed, unref } from 'vue';
 
 export function useAppInject() {
diff --git a/src/hooks/web/useContentHeight.ts b/src/hooks/web/useContentHeight.ts
index 558cd51e4..af7ff1bc0 100644
--- a/src/hooks/web/useContentHeight.ts
+++ b/src/hooks/web/useContentHeight.ts
@@ -1,8 +1,8 @@
 import { ComputedRef, isRef, nextTick, Ref, ref, unref, watch } from 'vue';
 import { onMountedOrActivated, useWindowSizeFn } from '@vben/hooks';
-import { useLayoutHeight } from '/@/layouts/default/content/useContentViewHeight';
-import { getViewportOffset } from '/@/utils/domUtils';
-import { isNumber, isString } from '/@/utils/is';
+import { useLayoutHeight } from '@/layouts/default/content/useContentViewHeight';
+import { getViewportOffset } from '@/utils/domUtils';
+import { isNumber, isString } from '@/utils/is';
 
 export interface CompensationHeight {
   // 使用 layout Footer 高度作为判断补偿高度的条件
diff --git a/src/hooks/web/useContextMenu.ts b/src/hooks/web/useContextMenu.ts
index 3237d35c6..72ab69682 100644
--- a/src/hooks/web/useContextMenu.ts
+++ b/src/hooks/web/useContextMenu.ts
@@ -1,6 +1,6 @@
 import { onUnmounted, getCurrentInstance } from 'vue';
-import { createContextMenu, destroyContextMenu } from '/@/components/ContextMenu';
-import type { ContextMenuItem } from '/@/components/ContextMenu';
+import { createContextMenu, destroyContextMenu } from '@/components/ContextMenu';
+import type { ContextMenuItem } from '@/components/ContextMenu';
 
 export type { ContextMenuItem };
 export function useContextMenu(authRemove = true) {
diff --git a/src/hooks/web/useDesign.ts b/src/hooks/web/useDesign.ts
index 046674b64..9f1e5b16f 100644
--- a/src/hooks/web/useDesign.ts
+++ b/src/hooks/web/useDesign.ts
@@ -1,4 +1,4 @@
-import { useAppProviderContext } from '/@/components/Application';
+import { useAppProviderContext } from '@/components/Application';
 // import { computed } from 'vue';
 // import { lowerFirst } from 'lodash-es';
 export function useDesign(scope: string) {
diff --git a/src/hooks/web/useECharts.ts b/src/hooks/web/useECharts.ts
index 643ce608f..c5478d797 100644
--- a/src/hooks/web/useECharts.ts
+++ b/src/hooks/web/useECharts.ts
@@ -3,11 +3,11 @@ import type { Ref } from 'vue';
 import { useTimeoutFn } from '@vben/hooks';
 import { tryOnUnmounted, useDebounceFn } from '@vueuse/core';
 import { unref, nextTick, watch, computed, ref } from 'vue';
-import { useEventListener } from '/@/hooks/event/useEventListener';
-import { useBreakpoint } from '/@/hooks/event/useBreakpoint';
-import echarts from '/@/utils/lib/echarts';
-import { useRootSetting } from '/@/hooks/setting/useRootSetting';
-import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
+import { useEventListener } from '@/hooks/event/useEventListener';
+import { useBreakpoint } from '@/hooks/event/useBreakpoint';
+import echarts from '@/utils/lib/echarts';
+import { useRootSetting } from '@/hooks/setting/useRootSetting';
+import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
 
 export function useECharts(
   elRef: Ref<HTMLDivElement>,
diff --git a/src/hooks/web/useFullContent.ts b/src/hooks/web/useFullContent.ts
index 7dea07709..05285e745 100644
--- a/src/hooks/web/useFullContent.ts
+++ b/src/hooks/web/useFullContent.ts
@@ -1,6 +1,6 @@
 import { computed, unref } from 'vue';
 
-import { useAppStore } from '/@/store/modules/app';
+import { useAppStore } from '@/store/modules/app';
 
 import { useRouter } from 'vue-router';
 
diff --git a/src/hooks/web/useI18n.ts b/src/hooks/web/useI18n.ts
index 57f4b7bf3..3c553c95d 100644
--- a/src/hooks/web/useI18n.ts
+++ b/src/hooks/web/useI18n.ts
@@ -1,4 +1,4 @@
-import { i18n } from '/@/locales/setupI18n';
+import { i18n } from '@/locales/setupI18n';
 
 type I18nGlobalTranslation = {
   (key: string): string;
diff --git a/src/hooks/web/useLockPage.ts b/src/hooks/web/useLockPage.ts
index 9a6607421..90ce33696 100644
--- a/src/hooks/web/useLockPage.ts
+++ b/src/hooks/web/useLockPage.ts
@@ -1,10 +1,10 @@
 import { computed, onUnmounted, unref, watchEffect } from 'vue';
 import { useThrottleFn } from '@vueuse/core';
 
-import { useAppStore } from '/@/store/modules/app';
-import { useLockStore } from '/@/store/modules/lock';
+import { useAppStore } from '@/store/modules/app';
+import { useLockStore } from '@/store/modules/lock';
 
-import { useUserStore } from '/@/store/modules/user';
+import { useUserStore } from '@/store/modules/user';
 import { useRootSetting } from '../setting/useRootSetting';
 
 export function useLockPage() {
diff --git a/src/hooks/web/useMessage.tsx b/src/hooks/web/useMessage.tsx
index 2789f06da..9806c9183 100644
--- a/src/hooks/web/useMessage.tsx
+++ b/src/hooks/web/useMessage.tsx
@@ -3,7 +3,7 @@ import { Modal, message as Message, notification } from 'ant-design-vue';
 import { InfoCircleFilled, CheckCircleFilled, CloseCircleFilled } from '@ant-design/icons-vue';
 import { NotificationArgsProps, ConfigProps } from 'ant-design-vue/lib/notification';
 import { useI18n } from './useI18n';
-import { isString } from '/@/utils/is';
+import { isString } from '@/utils/is';
 
 export interface NotifyApi {
   info(config: NotificationArgsProps): void;
diff --git a/src/hooks/web/usePage.ts b/src/hooks/web/usePage.ts
index 88a82006a..d4bd1ea60 100644
--- a/src/hooks/web/usePage.ts
+++ b/src/hooks/web/usePage.ts
@@ -1,10 +1,10 @@
 import type { RouteLocationRaw, Router } from 'vue-router';
 
-import { PageEnum } from '/@/enums/pageEnum';
+import { PageEnum } from '@/enums/pageEnum';
 import { unref } from 'vue';
 
 import { useRouter } from 'vue-router';
-import { REDIRECT_NAME } from '/@/router/constant';
+import { REDIRECT_NAME } from '@/router/constant';
 
 export type PathAsPageEnum<T> = T extends { path: string } ? T & { path: PageEnum } : T;
 export type RouteLocationRawEx = PathAsPageEnum<RouteLocationRaw>;
diff --git a/src/hooks/web/usePermission.ts b/src/hooks/web/usePermission.ts
index b997754fd..2ffc61eeb 100644
--- a/src/hooks/web/usePermission.ts
+++ b/src/hooks/web/usePermission.ts
@@ -1,21 +1,21 @@
 import type { RouteRecordRaw } from 'vue-router';
 
-import { useAppStore } from '/@/store/modules/app';
-import { usePermissionStore } from '/@/store/modules/permission';
-import { useUserStore } from '/@/store/modules/user';
+import { useAppStore } from '@/store/modules/app';
+import { usePermissionStore } from '@/store/modules/permission';
+import { useUserStore } from '@/store/modules/user';
 
 import { useTabs } from './useTabs';
 
-import { router, resetRouter } from '/@/router';
-// import { RootRoute } from '/@/router/routes';
+import { router, resetRouter } from '@/router';
+// import { RootRoute } from '@/router/routes';
 
-import projectSetting from '/@/settings/projectSetting';
-import { PermissionModeEnum } from '/@/enums/appEnum';
-import { RoleEnum } from '/@/enums/roleEnum';
+import projectSetting from '@/settings/projectSetting';
+import { PermissionModeEnum } from '@/enums/appEnum';
+import { RoleEnum } from '@/enums/roleEnum';
 
 import { intersection } from 'lodash-es';
-import { isArray } from '/@/utils/is';
-import { useMultipleTabStore } from '/@/store/modules/multipleTab';
+import { isArray } from '@/utils/is';
+import { useMultipleTabStore } from '@/store/modules/multipleTab';
 
 // User permissions related operations
 export function usePermission() {
diff --git a/src/hooks/web/useTabs.ts b/src/hooks/web/useTabs.ts
index 14dde2f86..ab13e459a 100644
--- a/src/hooks/web/useTabs.ts
+++ b/src/hooks/web/useTabs.ts
@@ -3,8 +3,8 @@ import type { RouteLocationNormalized, Router } from 'vue-router';
 import { useRouter } from 'vue-router';
 import { unref } from 'vue';
 
-import { useMultipleTabStore } from '/@/store/modules/multipleTab';
-import { useAppStore } from '/@/store/modules/app';
+import { useMultipleTabStore } from '@/store/modules/multipleTab';
+import { useAppStore } from '@/store/modules/app';
 
 enum TableActionEnum {
   REFRESH,
diff --git a/src/hooks/web/useTitle.ts b/src/hooks/web/useTitle.ts
index 675a5dba3..e3a7653bc 100644
--- a/src/hooks/web/useTitle.ts
+++ b/src/hooks/web/useTitle.ts
@@ -1,10 +1,10 @@
 import { watch, unref } from 'vue';
-import { useI18n } from '/@/hooks/web/useI18n';
+import { useI18n } from '@/hooks/web/useI18n';
 import { useTitle as usePageTitle } from '@vueuse/core';
-import { useGlobSetting } from '/@/hooks/setting';
+import { useGlobSetting } from '@/hooks/setting';
 import { useRouter } from 'vue-router';
-import { useLocaleStore } from '/@/store/modules/locale';
-import { REDIRECT_NAME } from '/@/router/constant';
+import { useLocaleStore } from '@/store/modules/locale';
+import { REDIRECT_NAME } from '@/router/constant';
 
 /**
  * Listening to page changes and dynamically changing site titles
diff --git a/src/hooks/web/useWatermark.ts b/src/hooks/web/useWatermark.ts
index 8674a2503..0adb0ce0d 100644
--- a/src/hooks/web/useWatermark.ts
+++ b/src/hooks/web/useWatermark.ts
@@ -1,7 +1,7 @@
 import { getCurrentInstance, onBeforeUnmount, ref, Ref, shallowRef, unref } from 'vue';
-import { useRafThrottle } from '/@/utils/domUtils';
-import { addResizeListener, removeResizeListener } from '/@/utils/event';
-import { isDef } from '/@/utils/is';
+import { useRafThrottle } from '@/utils/domUtils';
+import { addResizeListener, removeResizeListener } from '@/utils/event';
+import { isDef } from '@/utils/is';
 
 const watermarkSymbol = 'watermark-dom';
 
diff --git a/src/layouts/default/content/index.vue b/src/layouts/default/content/index.vue
index 0455621e5..8fbbd6392 100644
--- a/src/layouts/default/content/index.vue
+++ b/src/layouts/default/content/index.vue
@@ -5,10 +5,10 @@
 </template>
 <script lang="ts">
   import { defineComponent } from 'vue';
-  import PageLayout from '/@/layouts/page/index.vue';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { useRootSetting } from '/@/hooks/setting/useRootSetting';
-  import { useTransitionSetting } from '/@/hooks/setting/useTransitionSetting';
+  import PageLayout from '@/layouts/page/index.vue';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { useRootSetting } from '@/hooks/setting/useRootSetting';
+  import { useTransitionSetting } from '@/hooks/setting/useTransitionSetting';
   import { useContentViewHeight } from './useContentViewHeight';
 
   export default defineComponent({
diff --git a/src/layouts/default/content/useContentContext.ts b/src/layouts/default/content/useContentContext.ts
index f12e77b79..133c4cf81 100644
--- a/src/layouts/default/content/useContentContext.ts
+++ b/src/layouts/default/content/useContentContext.ts
@@ -1,5 +1,5 @@
 import type { InjectionKey, ComputedRef } from 'vue';
-import { createContext, useContext } from '/@/hooks/core/useContext';
+import { createContext, useContext } from '@/hooks/core/useContext';
 
 export interface ContentContextProps {
   contentHeight: ComputedRef<number>;
diff --git a/src/layouts/default/content/useContentViewHeight.ts b/src/layouts/default/content/useContentViewHeight.ts
index 8dd63fa02..0a9ef9e01 100644
--- a/src/layouts/default/content/useContentViewHeight.ts
+++ b/src/layouts/default/content/useContentViewHeight.ts
@@ -1,5 +1,5 @@
 import { ref, computed, unref } from 'vue';
-import { createPageContext } from '/@/hooks/component/usePageContext';
+import { createPageContext } from '@/hooks/component/usePageContext';
 import { useWindowSizeFn } from '@vben/hooks';
 
 const headerHeightRef = ref(0);
diff --git a/src/layouts/default/feature/index.vue b/src/layouts/default/feature/index.vue
index cade61f92..c2d3eea1e 100644
--- a/src/layouts/default/feature/index.vue
+++ b/src/layouts/default/feature/index.vue
@@ -2,24 +2,24 @@
   import { defineComponent, computed, unref } from 'vue';
   import { BackTop } from 'ant-design-vue';
 
-  import { useRootSetting } from '/@/hooks/setting/useRootSetting';
-  import { useHeaderSetting } from '/@/hooks/setting/useHeaderSetting';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { useUserStoreWithOut } from '/@/store/modules/user';
+  import { useRootSetting } from '@/hooks/setting/useRootSetting';
+  import { useHeaderSetting } from '@/hooks/setting/useHeaderSetting';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { useUserStoreWithOut } from '@/store/modules/user';
 
-  import { SettingButtonPositionEnum } from '/@/enums/appEnum';
-  import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent';
+  import { SettingButtonPositionEnum } from '@/enums/appEnum';
+  import { createAsyncComponent } from '@/utils/factory/createAsyncComponent';
 
-  import SessionTimeoutLogin from '/@/views/sys/login/SessionTimeoutLogin.vue';
+  import SessionTimeoutLogin from '@/views/sys/login/SessionTimeoutLogin.vue';
 
-  import { useMultipleTabSetting } from '/@/hooks/setting/useMultipleTabSetting';
+  import { useMultipleTabSetting } from '@/hooks/setting/useMultipleTabSetting';
 
   export default defineComponent({
     name: 'LayoutFeatures',
     components: {
       BackTop,
-      LayoutLockPage: createAsyncComponent(() => import('/@/views/sys/lock/index.vue')),
-      SettingDrawer: createAsyncComponent(() => import('/@/layouts/default/setting/index.vue')),
+      LayoutLockPage: createAsyncComponent(() => import('@/views/sys/lock/index.vue')),
+      SettingDrawer: createAsyncComponent(() => import('@/layouts/default/setting/index.vue')),
       SessionTimeoutLogin,
     },
     setup() {
diff --git a/src/layouts/default/footer/index.vue b/src/layouts/default/footer/index.vue
index 2ce8aa1b7..8b6300ca2 100644
--- a/src/layouts/default/footer/index.vue
+++ b/src/layouts/default/footer/index.vue
@@ -17,13 +17,13 @@
 
   import { GithubFilled } from '@ant-design/icons-vue';
 
-  import { DOC_URL, GITHUB_URL, SITE_URL } from '/@/settings/siteSetting';
-  import { openWindow } from '/@/utils';
+  import { DOC_URL, GITHUB_URL, SITE_URL } from '@/settings/siteSetting';
+  import { openWindow } from '@/utils';
 
-  import { useI18n } from '/@/hooks/web/useI18n';
-  import { useRootSetting } from '/@/hooks/setting/useRootSetting';
+  import { useI18n } from '@/hooks/web/useI18n';
+  import { useRootSetting } from '@/hooks/setting/useRootSetting';
   import { useRouter } from 'vue-router';
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { useDesign } from '@/hooks/web/useDesign';
   import { useLayoutHeight } from '../content/useContentViewHeight';
 
   export default defineComponent({
diff --git a/src/layouts/default/header/MultipleHeader.vue b/src/layouts/default/header/MultipleHeader.vue
index 2ca05cd2e..a0cceaa9d 100644
--- a/src/layouts/default/header/MultipleHeader.vue
+++ b/src/layouts/default/header/MultipleHeader.vue
@@ -15,14 +15,14 @@
   import LayoutHeader from './index.vue';
   import MultipleTabs from '../tabs/index.vue';
 
-  import { useHeaderSetting } from '/@/hooks/setting/useHeaderSetting';
-  import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
-  import { useFullContent } from '/@/hooks/web/useFullContent';
-  import { useMultipleTabSetting } from '/@/hooks/setting/useMultipleTabSetting';
-  import { useAppInject } from '/@/hooks/web/useAppInject';
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { useHeaderSetting } from '@/hooks/setting/useHeaderSetting';
+  import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
+  import { useFullContent } from '@/hooks/web/useFullContent';
+  import { useMultipleTabSetting } from '@/hooks/setting/useMultipleTabSetting';
+  import { useAppInject } from '@/hooks/web/useAppInject';
+  import { useDesign } from '@/hooks/web/useDesign';
   import { useLayoutHeight } from '../content/useContentViewHeight';
-  import { useMultipleTabStore } from '/@/store/modules/multipleTab';
+  import { useMultipleTabStore } from '@/store/modules/multipleTab';
 
   const HEADER_HEIGHT = 48;
 
diff --git a/src/layouts/default/header/components/Breadcrumb.vue b/src/layouts/default/header/components/Breadcrumb.vue
index 1869d184c..de00c0877 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 08b15ec66..4417233cd 100644
--- a/src/layouts/default/header/components/ChangeApi/index.vue
+++ b/src/layouts/default/header/components/ChangeApi/index.vue
@@ -19,11 +19,11 @@
 </template>
 <script lang="ts" setup>
   import { Radio } from 'ant-design-vue';
-  import { useI18n } from '/@/hooks/web/useI18n';
-  import { BasicModal, useModalInner } from '/@/components/Modal/index';
-  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { useI18n } from '@/hooks/web/useI18n';
+  import { BasicModal, useModalInner } from '@/components/Modal/index';
+  import { BasicForm, useForm } from '@/components/Form/index';
   import { ref } from 'vue';
-  import { useAppStore } from '/@/store/modules/app';
+  import { useAppStore } from '@/store/modules/app';
   import type { ApiAddress } from '/#/store';
 
   const appStore = useAppStore();
diff --git a/src/layouts/default/header/components/ErrorAction.vue b/src/layouts/default/header/components/ErrorAction.vue
index 086f2ffdf..f28c92905 100644
--- a/src/layouts/default/header/components/ErrorAction.vue
+++ b/src/layouts/default/header/components/ErrorAction.vue
@@ -14,9 +14,9 @@
   import { defineComponent, computed } from 'vue';
   import { Tooltip, Badge } from 'ant-design-vue';
   import Icon from '@/components/Icon/Icon.vue';
-  import { useI18n } from '/@/hooks/web/useI18n';
-  import { useErrorLogStore } from '/@/store/modules/errorLog';
-  import { PageEnum } from '/@/enums/pageEnum';
+  import { useI18n } from '@/hooks/web/useI18n';
+  import { useErrorLogStore } from '@/store/modules/errorLog';
+  import { PageEnum } from '@/enums/pageEnum';
 
   import { useRouter } from 'vue-router';
 
diff --git a/src/layouts/default/header/components/FullScreen.vue b/src/layouts/default/header/components/FullScreen.vue
index 5e083164f..0723ad53d 100644
--- a/src/layouts/default/header/components/FullScreen.vue
+++ b/src/layouts/default/header/components/FullScreen.vue
@@ -9,7 +9,7 @@
 <script lang="ts">
   import { defineComponent, computed, unref } from 'vue';
   import { Tooltip } from 'ant-design-vue';
-  import { useI18n } from '/@/hooks/web/useI18n';
+  import { useI18n } from '@/hooks/web/useI18n';
   import { useFullscreen } from '@vueuse/core';
 
   import { FullscreenExitOutlined, FullscreenOutlined } from '@ant-design/icons-vue';
diff --git a/src/layouts/default/header/components/index.ts b/src/layouts/default/header/components/index.ts
index 09e767e7f..6593e58a4 100644
--- a/src/layouts/default/header/components/index.ts
+++ b/src/layouts/default/header/components/index.ts
@@ -1,4 +1,4 @@
-import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent';
+import { createAsyncComponent } from '@/utils/factory/createAsyncComponent';
 import FullScreen from './FullScreen.vue';
 
 export const UserDropDown = createAsyncComponent(() => import('./user-dropdown/index.vue'), {
diff --git a/src/layouts/default/header/components/lock/LockModal.vue b/src/layouts/default/header/components/lock/LockModal.vue
index 9e80cb763..f82d4d584 100644
--- a/src/layouts/default/header/components/lock/LockModal.vue
+++ b/src/layouts/default/header/components/lock/LockModal.vue
@@ -26,14 +26,14 @@
 </template>
 <script lang="ts">
   import { defineComponent, computed } from 'vue';
-  import { useI18n } from '/@/hooks/web/useI18n';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { BasicModal, useModalInner } from '/@/components/Modal/index';
-  import { BasicForm, useForm } from '/@/components/Form/index';
-
-  import { useUserStore } from '/@/store/modules/user';
-  import { useLockStore } from '/@/store/modules/lock';
-  import headerImg from '/@/assets/images/header.jpg';
+  import { useI18n } from '@/hooks/web/useI18n';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { BasicModal, useModalInner } from '@/components/Modal/index';
+  import { BasicForm, useForm } from '@/components/Form/index';
+
+  import { useUserStore } from '@/store/modules/user';
+  import { useLockStore } from '@/store/modules/lock';
+  import headerImg from '@/assets/images/header.jpg';
 
   export default defineComponent({
     name: 'LockModal',
diff --git a/src/layouts/default/header/components/notify/NoticeList.vue b/src/layouts/default/header/components/notify/NoticeList.vue
index 28645fce9..52a35c47e 100644
--- a/src/layouts/default/header/components/notify/NoticeList.vue
+++ b/src/layouts/default/header/components/notify/NoticeList.vue
@@ -56,12 +56,12 @@
 <script lang="ts">
   import { computed, defineComponent, PropType, ref, watch, unref } from 'vue';
   import { ListItem } from './data';
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { useDesign } from '@/hooks/web/useDesign';
   import { List, Avatar, Tag, Typography } from 'ant-design-vue';
-  import { isNumber } from '/@/utils/is';
+  import { isNumber } from '@/utils/is';
 
   // types
-  import type { StyleValue } from '/@/utils/types';
+  import type { StyleValue } from '@/utils/types';
   import type { FunctionalComponent } from 'vue';
   import type { ParagraphProps } from 'ant-design-vue/es/typography/Paragraph';
 
diff --git a/src/layouts/default/header/components/notify/index.vue b/src/layouts/default/header/components/notify/index.vue
index e6883bb57..0f6ea1af3 100644
--- a/src/layouts/default/header/components/notify/index.vue
+++ b/src/layouts/default/header/components/notify/index.vue
@@ -28,8 +28,8 @@
   import { BellOutlined } from '@ant-design/icons-vue';
   import { tabListData, ListItem } from './data';
   import NoticeList from './NoticeList.vue';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { useMessage } from '/@/hooks/web/useMessage';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { useMessage } from '@/hooks/web/useMessage';
 
   export default defineComponent({
     components: { Popover, BellOutlined, Tabs, TabPane: Tabs.TabPane, Badge, NoticeList },
diff --git a/src/layouts/default/header/components/user-dropdown/DropMenuItem.vue b/src/layouts/default/header/components/user-dropdown/DropMenuItem.vue
index 6f2b90338..c9456f479 100644
--- a/src/layouts/default/header/components/user-dropdown/DropMenuItem.vue
+++ b/src/layouts/default/header/components/user-dropdown/DropMenuItem.vue
@@ -12,7 +12,7 @@
   import { computed, defineComponent, getCurrentInstance } from 'vue';
   import Icon from '@/components/Icon/Icon.vue';
 
-  import { propTypes } from '/@/utils/propTypes';
+  import { propTypes } from '@/utils/propTypes';
 
   export default defineComponent({
     name: 'DropdownMenuItem',
diff --git a/src/layouts/default/header/components/user-dropdown/index.vue b/src/layouts/default/header/components/user-dropdown/index.vue
index e694a8fa8..36248e95b 100644
--- a/src/layouts/default/header/components/user-dropdown/index.vue
+++ b/src/layouts/default/header/components/user-dropdown/index.vue
@@ -49,20 +49,20 @@
 
   import { defineComponent, computed } from 'vue';
 
-  import { DOC_URL } from '/@/settings/siteSetting';
+  import { DOC_URL } from '@/settings/siteSetting';
 
-  import { useUserStore } from '/@/store/modules/user';
-  import { useHeaderSetting } from '/@/hooks/setting/useHeaderSetting';
-  import { useI18n } from '/@/hooks/web/useI18n';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { useModal } from '/@/components/Modal';
+  import { useUserStore } from '@/store/modules/user';
+  import { useHeaderSetting } from '@/hooks/setting/useHeaderSetting';
+  import { useI18n } from '@/hooks/web/useI18n';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { useModal } from '@/components/Modal';
 
-  import headerImg from '/@/assets/images/header.jpg';
-  import { propTypes } from '/@/utils/propTypes';
-  import { openWindow } from '/@/utils';
+  import headerImg from '@/assets/images/header.jpg';
+  import { propTypes } from '@/utils/propTypes';
+  import { openWindow } from '@/utils';
 
-  import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent';
-  import { useGo } from '/@/hooks/web/usePage';
+  import { createAsyncComponent } from '@/utils/factory/createAsyncComponent';
+  import { useGo } from '@/hooks/web/usePage';
 
   type MenuEvent = 'logout' | 'doc' | 'lock' | 'profile';
 
diff --git a/src/layouts/default/index.vue b/src/layouts/default/index.vue
index 226f0102c..451fd43e4 100644
--- a/src/layouts/default/index.vue
+++ b/src/layouts/default/index.vue
@@ -16,27 +16,27 @@
 <script lang="ts">
   import { defineComponent, computed, unref } from 'vue';
   import { Layout } from 'ant-design-vue';
-  import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent';
+  import { createAsyncComponent } from '@/utils/factory/createAsyncComponent';
 
   import LayoutHeader from './header/index.vue';
   import LayoutContent from './content/index.vue';
   import LayoutSideBar from './sider/index.vue';
   import LayoutMultipleHeader from './header/MultipleHeader.vue';
 
-  import { useHeaderSetting } from '/@/hooks/setting/useHeaderSetting';
-  import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { useLockPage } from '/@/hooks/web/useLockPage';
+  import { useHeaderSetting } from '@/hooks/setting/useHeaderSetting';
+  import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { useLockPage } from '@/hooks/web/useLockPage';
 
-  import { useAppInject } from '/@/hooks/web/useAppInject';
+  import { useAppInject } from '@/hooks/web/useAppInject';
 
-  import { useMultipleTabSetting } from '/@/hooks/setting/useMultipleTabSetting';
+  import { useMultipleTabSetting } from '@/hooks/setting/useMultipleTabSetting';
 
   export default defineComponent({
     name: 'DefaultLayout',
     components: {
-      LayoutFeatures: createAsyncComponent(() => import('/@/layouts/default/feature/index.vue')),
-      LayoutFooter: createAsyncComponent(() => import('/@/layouts/default/footer/index.vue')),
+      LayoutFeatures: createAsyncComponent(() => import('@/layouts/default/feature/index.vue')),
+      LayoutFooter: createAsyncComponent(() => import('@/layouts/default/footer/index.vue')),
       LayoutHeader,
       LayoutContent,
       LayoutSideBar,
diff --git a/src/layouts/default/menu/index.vue b/src/layouts/default/menu/index.vue
index 63fc72c90..57a4a878c 100644
--- a/src/layouts/default/menu/index.vue
+++ b/src/layouts/default/menu/index.vue
@@ -2,23 +2,23 @@
   import type { PropType, CSSProperties } from 'vue';
 
   import { computed, defineComponent, unref, toRef } from 'vue';
-  import { BasicMenu } from '/@/components/Menu';
-  import { SimpleMenu } from '/@/components/SimpleMenu';
-  import { AppLogo } from '/@/components/Application';
+  import { BasicMenu } from '@/components/Menu';
+  import { SimpleMenu } from '@/components/SimpleMenu';
+  import { AppLogo } from '@/components/Application';
 
-  import { MenuModeEnum, MenuSplitTyeEnum } from '/@/enums/menuEnum';
+  import { MenuModeEnum, MenuSplitTyeEnum } from '@/enums/menuEnum';
 
-  import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
-  import { ScrollContainer } from '/@/components/Container';
+  import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
+  import { ScrollContainer } from '@/components/Container';
 
-  import { useGo } from '/@/hooks/web/usePage';
+  import { useGo } from '@/hooks/web/usePage';
   import { useSplitMenu } from './useLayoutMenu';
-  import { openWindow } from '/@/utils';
-  import { propTypes } from '/@/utils/propTypes';
-  import { isHttpUrl } from '/@/utils/is';
-  import { useRootSetting } from '/@/hooks/setting/useRootSetting';
-  import { useAppInject } from '/@/hooks/web/useAppInject';
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { openWindow } from '@/utils';
+  import { propTypes } from '@/utils/propTypes';
+  import { isHttpUrl } from '@/utils/is';
+  import { useRootSetting } from '@/hooks/setting/useRootSetting';
+  import { useAppInject } from '@/hooks/web/useAppInject';
+  import { useDesign } from '@/hooks/web/useDesign';
 
   export default defineComponent({
     name: 'LayoutMenu',
diff --git a/src/layouts/default/menu/useLayoutMenu.ts b/src/layouts/default/menu/useLayoutMenu.ts
index 33c776800..e176b6fc3 100644
--- a/src/layouts/default/menu/useLayoutMenu.ts
+++ b/src/layouts/default/menu/useLayoutMenu.ts
@@ -1,13 +1,13 @@
-import type { Menu } from '/@/router/types';
+import type { Menu } from '@/router/types';
 import type { Ref } from 'vue';
 import { watch, unref, ref, computed } from 'vue';
 import { useRouter } from 'vue-router';
-import { MenuSplitTyeEnum } from '/@/enums/menuEnum';
+import { MenuSplitTyeEnum } from '@/enums/menuEnum';
 import { useThrottleFn } from '@vueuse/core';
-import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
-import { getChildrenMenus, getCurrentParentPath, getMenus, getShallowMenus } from '/@/router/menus';
-import { usePermissionStore } from '/@/store/modules/permission';
-import { useAppInject } from '/@/hooks/web/useAppInject';
+import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
+import { getChildrenMenus, getCurrentParentPath, getMenus, getShallowMenus } from '@/router/menus';
+import { usePermissionStore } from '@/store/modules/permission';
+import { useAppInject } from '@/hooks/web/useAppInject';
 
 export function useSplitMenu(splitType: Ref<MenuSplitTyeEnum>) {
   // Menu array
diff --git a/src/layouts/default/setting/SettingDrawer.tsx b/src/layouts/default/setting/SettingDrawer.tsx
index e4824a3a2..ad6e5a1ea 100644
--- a/src/layouts/default/setting/SettingDrawer.tsx
+++ b/src/layouts/default/setting/SettingDrawer.tsx
@@ -1,5 +1,5 @@
 import { defineComponent, unref } from 'vue';
-import { BasicDrawer } from '/@/components/Drawer/index';
+import { BasicDrawer } from '@/components/Drawer/index';
 import { Divider } from 'ant-design-vue';
 import {
   TypePicker,
@@ -10,16 +10,16 @@ import {
   // InputNumberItem,
 } from './components';
 
-import { AppDarkModeToggle } from '/@/components/Application';
+import { AppDarkModeToggle } from '@/components/Application';
 
-// import { MenuTypeEnum, TriggerEnum } from '/@/enums/menuEnum';
+// import { MenuTypeEnum, TriggerEnum } from '@/enums/menuEnum';
 
-import { useRootSetting } from '/@/hooks/setting/useRootSetting';
-import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
-import { useHeaderSetting } from '/@/hooks/setting/useHeaderSetting';
-// import { useMultipleTabSetting } from '/@/hooks/setting/useMultipleTabSetting';
-// import { useTransitionSetting } from '/@/hooks/setting/useTransitionSetting';
-import { useI18n } from '/@/hooks/web/useI18n';
+import { useRootSetting } from '@/hooks/setting/useRootSetting';
+import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
+import { useHeaderSetting } from '@/hooks/setting/useHeaderSetting';
+// import { useMultipleTabSetting } from '@/hooks/setting/useMultipleTabSetting';
+// import { useTransitionSetting } from '@/hooks/setting/useTransitionSetting';
+import { useI18n } from '@/hooks/web/useI18n';
 
 import { baseHandler } from './handler';
 
@@ -37,7 +37,7 @@ import {
   HEADER_PRESET_BG_COLOR_LIST,
   SIDE_BAR_BG_COLOR_LIST,
   // APP_PRESET_COLOR_LIST,
-} from '/@/settings/designSetting';
+} from '@/settings/designSetting';
 
 const { t } = useI18n();
 
diff --git a/src/layouts/default/setting/components/InputNumberItem.vue b/src/layouts/default/setting/components/InputNumberItem.vue
index f5bbf30f7..caf6d72ea 100644
--- a/src/layouts/default/setting/components/InputNumberItem.vue
+++ b/src/layouts/default/setting/components/InputNumberItem.vue
@@ -13,7 +13,7 @@
   import { defineComponent, PropType } from 'vue';
 
   import { InputNumber } from 'ant-design-vue';
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { useDesign } from '@/hooks/web/useDesign';
   import { baseHandler } from '../handler';
   import { HandlerEnum } from '../enum';
 
diff --git a/src/layouts/default/setting/components/SelectItem.vue b/src/layouts/default/setting/components/SelectItem.vue
index 73b487e22..0762d9f17 100644
--- a/src/layouts/default/setting/components/SelectItem.vue
+++ b/src/layouts/default/setting/components/SelectItem.vue
@@ -15,7 +15,7 @@
   import { defineComponent, PropType, computed } from 'vue';
 
   import { Select, type SelectProps } from 'ant-design-vue';
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { useDesign } from '@/hooks/web/useDesign';
   import { baseHandler } from '../handler';
   import { HandlerEnum } from '../enum';
 
diff --git a/src/layouts/default/setting/components/SettingFooter.vue b/src/layouts/default/setting/components/SettingFooter.vue
index 6c46e5b89..4198d2a3b 100644
--- a/src/layouts/default/setting/components/SettingFooter.vue
+++ b/src/layouts/default/setting/components/SettingFooter.vue
@@ -31,21 +31,21 @@
 
   import { CopyOutlined, RedoOutlined } from '@ant-design/icons-vue';
 
-  import { useAppStore } from '/@/store/modules/app';
-  import { usePermissionStore } from '/@/store/modules/permission';
-  import { useMultipleTabStore } from '/@/store/modules/multipleTab';
-  import { useUserStore } from '/@/store/modules/user';
-
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { useI18n } from '/@/hooks/web/useI18n';
-  import { useMessage } from '/@/hooks/web/useMessage';
-  import { copyText } from '/@/utils/copyTextToClipboard';
-
-  // import { updateColorWeak } from '/@/logics/theme/updateColorWeak';
-  // import { updateGrayMode } from '/@/logics/theme/updateGrayMode';
-  // import defaultSetting from '/@/settings/projectSetting';
-  // import { updateSidebarBgColor } from '/@/logics/theme/updateBackground';
-  import { useDictionaryStore } from '/@/store/modules/dictionary';
+  import { useAppStore } from '@/store/modules/app';
+  import { usePermissionStore } from '@/store/modules/permission';
+  import { useMultipleTabStore } from '@/store/modules/multipleTab';
+  import { useUserStore } from '@/store/modules/user';
+
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { useI18n } from '@/hooks/web/useI18n';
+  import { useMessage } from '@/hooks/web/useMessage';
+  import { copyText } from '@/utils/copyTextToClipboard';
+
+  // import { updateColorWeak } from '@/logics/theme/updateColorWeak';
+  // import { updateGrayMode } from '@/logics/theme/updateGrayMode';
+  // import defaultSetting from '@/settings/projectSetting';
+  // import { updateSidebarBgColor } from '@/logics/theme/updateBackground';
+  import { useDictionaryStore } from '@/store/modules/dictionary';
 
   export default defineComponent({
     name: 'SettingFooter',
diff --git a/src/layouts/default/setting/components/SwitchItem.vue b/src/layouts/default/setting/components/SwitchItem.vue
index 4b1998e1b..4cd7d91c8 100644
--- a/src/layouts/default/setting/components/SwitchItem.vue
+++ b/src/layouts/default/setting/components/SwitchItem.vue
@@ -14,8 +14,8 @@
   import { defineComponent, PropType, computed } from 'vue';
 
   import { Switch, type SwitchProps } from 'ant-design-vue';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { useI18n } from '/@/hooks/web/useI18n';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { useI18n } from '@/hooks/web/useI18n';
   import { baseHandler } from '../handler';
   import { HandlerEnum } from '../enum';
 
diff --git a/src/layouts/default/setting/components/ThemeColorPicker.vue b/src/layouts/default/setting/components/ThemeColorPicker.vue
index 40227521b..e9b8f7b6c 100644
--- a/src/layouts/default/setting/components/ThemeColorPicker.vue
+++ b/src/layouts/default/setting/components/ThemeColorPicker.vue
@@ -20,7 +20,7 @@
   import { defineComponent, PropType } from 'vue';
   import { CheckOutlined } from '@ant-design/icons-vue';
 
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { useDesign } from '@/hooks/web/useDesign';
 
   import { baseHandler } from '../handler';
   import { HandlerEnum } from '../enum';
diff --git a/src/layouts/default/setting/components/TypePicker.vue b/src/layouts/default/setting/components/TypePicker.vue
index d13f7d707..4564d3ba4 100644
--- a/src/layouts/default/setting/components/TypePicker.vue
+++ b/src/layouts/default/setting/components/TypePicker.vue
@@ -22,7 +22,7 @@
   import { defineComponent, PropType } from 'vue';
 
   import { Tooltip } from 'ant-design-vue';
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { useDesign } from '@/hooks/web/useDesign';
 
   import { menuTypeList } from '../enum';
 
diff --git a/src/layouts/default/setting/components/index.ts b/src/layouts/default/setting/components/index.ts
index bd248885d..e4910c65e 100644
--- a/src/layouts/default/setting/components/index.ts
+++ b/src/layouts/default/setting/components/index.ts
@@ -1,4 +1,4 @@
-import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent';
+import { createAsyncComponent } from '@/utils/factory/createAsyncComponent';
 
 export const TypePicker = createAsyncComponent(() => import('./TypePicker.vue'));
 export const ThemeColorPicker = createAsyncComponent(() => import('./ThemeColorPicker.vue'));
diff --git a/src/layouts/default/setting/enum.ts b/src/layouts/default/setting/enum.ts
index 1daec1363..b320d5f84 100644
--- a/src/layouts/default/setting/enum.ts
+++ b/src/layouts/default/setting/enum.ts
@@ -1,13 +1,13 @@
-import { ContentEnum, RouterTransitionEnum } from '/@/enums/appEnum';
+import { ContentEnum, RouterTransitionEnum } from '@/enums/appEnum';
 import {
   MenuModeEnum,
   MenuTypeEnum,
   TopMenuAlignEnum,
   TriggerEnum,
   MixSidebarTriggerEnum,
-} from '/@/enums/menuEnum';
+} from '@/enums/menuEnum';
 
-import { useI18n } from '/@/hooks/web/useI18n';
+import { useI18n } from '@/hooks/web/useI18n';
 
 const { t } = useI18n();
 
diff --git a/src/layouts/default/setting/handler.ts b/src/layouts/default/setting/handler.ts
index 589eaea8c..cbf719afe 100644
--- a/src/layouts/default/setting/handler.ts
+++ b/src/layouts/default/setting/handler.ts
@@ -1,13 +1,13 @@
 import { MenuTypeEnum } from '@/enums/menuEnum';
 import { HandlerEnum } from './enum';
-import { updateHeaderBgColor, updateSidebarBgColor } from '/@/logics/theme/updateBackground';
-import { updateColorWeak } from '/@/logics/theme/updateColorWeak';
-import { updateGrayMode } from '/@/logics/theme/updateGrayMode';
+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 { useAppStore } from '@/store/modules/app';
 import { ProjectConfig } from '/#/config';
-import { updateDarkTheme } from '/@/logics/theme/dark';
-import { useRootSetting } from '/@/hooks/setting/useRootSetting';
+import { updateDarkTheme } from '@/logics/theme/dark';
+import { useRootSetting } from '@/hooks/setting/useRootSetting';
 import projectSetting from '@/settings/projectSetting';
 
 export function baseHandler(event: HandlerEnum, value: any) {
diff --git a/src/layouts/default/setting/index.vue b/src/layouts/default/setting/index.vue
index dd52c374d..2d9f3ed94 100644
--- a/src/layouts/default/setting/index.vue
+++ b/src/layouts/default/setting/index.vue
@@ -9,7 +9,7 @@
   import SettingDrawer from './SettingDrawer';
   import Icon from '@/components/Icon/Icon.vue';
 
-  import { useDrawer } from '/@/components/Drawer';
+  import { useDrawer } from '@/components/Drawer';
 
   export default defineComponent({
     name: 'SettingButton',
diff --git a/src/layouts/default/sider/DragBar.vue b/src/layouts/default/sider/DragBar.vue
index ce74d856f..a62f7aa79 100644
--- a/src/layouts/default/sider/DragBar.vue
+++ b/src/layouts/default/sider/DragBar.vue
@@ -4,8 +4,8 @@
 <script lang="ts">
   import { defineComponent, computed, unref } from 'vue';
 
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
 
   export default defineComponent({
     name: 'DargBar',
diff --git a/src/layouts/default/sider/MixSider.vue b/src/layouts/default/sider/MixSider.vue
index d11e6f60e..1339d0f3c 100644
--- a/src/layouts/default/sider/MixSider.vue
+++ b/src/layouts/default/sider/MixSider.vue
@@ -84,27 +84,27 @@
   </div>
 </template>
 <script lang="ts">
-  import type { Menu } from '/@/router/types';
+  import type { Menu } from '@/router/types';
   import type { CSSProperties } from 'vue';
   import { computed, defineComponent, onMounted, ref, unref, watch } from 'vue';
   import type { RouteLocationNormalized } from 'vue-router';
-  import { ScrollContainer } from '/@/components/Container';
-  import { SimpleMenu } from '/@/components/SimpleMenu';
+  import { ScrollContainer } from '@/components/Container';
+  import { SimpleMenu } from '@/components/SimpleMenu';
   import Icon from '@/components/Icon/Icon.vue';
-  import { AppLogo } from '/@/components/Application';
-  import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
-  import { usePermissionStore } from '/@/store/modules/permission';
+  import { AppLogo } from '@/components/Application';
+  import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
+  import { usePermissionStore } from '@/store/modules/permission';
   import { useDragLine } from './useLayoutSider';
-  import { useGlobSetting } from '/@/hooks/setting';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { useI18n } from '/@/hooks/web/useI18n';
-  import { useGo } from '/@/hooks/web/usePage';
-  import { SIDE_BAR_MINI_WIDTH, SIDE_BAR_SHOW_TIT_MINI_WIDTH } from '/@/enums/appEnum';
-  import clickOutside from '/@/directives/clickOutside';
-  import { getChildrenMenus, getCurrentParentPath, getShallowMenus } from '/@/router/menus';
-  import { listenerRouteChange } from '/@/logics/mitt/routeChange';
+  import { useGlobSetting } from '@/hooks/setting';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { useI18n } from '@/hooks/web/useI18n';
+  import { useGo } from '@/hooks/web/usePage';
+  import { SIDE_BAR_MINI_WIDTH, SIDE_BAR_SHOW_TIT_MINI_WIDTH } from '@/enums/appEnum';
+  import clickOutside from '@/directives/clickOutside';
+  import { getChildrenMenus, getCurrentParentPath, getShallowMenus } from '@/router/menus';
+  import { listenerRouteChange } from '@/logics/mitt/routeChange';
   import LayoutTrigger from '../trigger/index.vue';
-  import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent';
+  import { createAsyncComponent } from '@/utils/factory/createAsyncComponent';
 
   export default defineComponent({
     name: 'LayoutMixSider',
@@ -115,7 +115,7 @@
       Icon,
       LayoutTrigger,
       SimpleMenuTag: createAsyncComponent(
-        () => import('/@/components/SimpleMenu/src/SimpleMenuTag.vue'),
+        () => import('@/components/SimpleMenu/src/SimpleMenuTag.vue'),
       ),
     },
     directives: {
diff --git a/src/layouts/default/sider/index.vue b/src/layouts/default/sider/index.vue
index 1f73fd722..1abd17b0d 100644
--- a/src/layouts/default/sider/index.vue
+++ b/src/layouts/default/sider/index.vue
@@ -21,9 +21,9 @@
   import MixSider from './MixSider.vue';
   import { Drawer } from 'ant-design-vue';
 
-  import { useAppInject } from '/@/hooks/web/useAppInject';
-  import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { useAppInject } from '@/hooks/web/useAppInject';
+  import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
+  import { useDesign } from '@/hooks/web/useDesign';
 
   export default defineComponent({
     name: 'SiderWrapper',
diff --git a/src/layouts/default/sider/useLayoutSider.ts b/src/layouts/default/sider/useLayoutSider.ts
index 66656b254..8077b651e 100644
--- a/src/layouts/default/sider/useLayoutSider.ts
+++ b/src/layouts/default/sider/useLayoutSider.ts
@@ -2,11 +2,11 @@ import type { Ref } from 'vue';
 
 import { computed, unref, onMounted, nextTick } from 'vue';
 
-import { TriggerEnum } from '/@/enums/menuEnum';
+import { TriggerEnum } from '@/enums/menuEnum';
 
-import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
+import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
 import { useDebounceFn } from '@vueuse/core';
-import { useAppStore } from '/@/store/modules/app';
+import { useAppStore } from '@/store/modules/app';
 
 /**
  * Handle related operations of menu events
diff --git a/src/layouts/default/tabs/components/FoldButton.vue b/src/layouts/default/tabs/components/FoldButton.vue
index 2deb1c075..960ce0bc5 100644
--- a/src/layouts/default/tabs/components/FoldButton.vue
+++ b/src/layouts/default/tabs/components/FoldButton.vue
@@ -7,10 +7,10 @@
   import { defineComponent, unref, computed } from 'vue';
   import Icon from '@/components/Icon/Icon.vue';
 
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { useHeaderSetting } from '/@/hooks/setting/useHeaderSetting';
-  import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
-  import { triggerWindowResize } from '/@/utils/event';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { useHeaderSetting } from '@/hooks/setting/useHeaderSetting';
+  import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
+  import { triggerWindowResize } from '@/utils/event';
 
   export default defineComponent({
     name: 'FoldButton',
diff --git a/src/layouts/default/tabs/components/SettingButton.vue b/src/layouts/default/tabs/components/SettingButton.vue
index 6253fba6e..215d4eeb1 100644
--- a/src/layouts/default/tabs/components/SettingButton.vue
+++ b/src/layouts/default/tabs/components/SettingButton.vue
@@ -6,12 +6,12 @@
 </template>
 <script lang="ts">
   import { defineComponent } from 'vue';
-  import SettingDrawer from '/@/layouts/default/setting/SettingDrawer';
+  import SettingDrawer from '@/layouts/default/setting/SettingDrawer';
   import Icon from '@/components/Icon/Icon.vue';
 
-  import { useDrawer } from '/@/components/Drawer';
+  import { useDrawer } from '@/components/Drawer';
 
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { useDesign } from '@/hooks/web/useDesign';
 
   export default defineComponent({
     name: 'SettingButton',
diff --git a/src/layouts/default/tabs/components/TabContent.vue b/src/layouts/default/tabs/components/TabContent.vue
index bd5ef296f..27c14f1eb 100644
--- a/src/layouts/default/tabs/components/TabContent.vue
+++ b/src/layouts/default/tabs/components/TabContent.vue
@@ -19,13 +19,13 @@
   import type { RouteLocationNormalized } from 'vue-router';
 
   import { defineComponent, computed, unref } from 'vue';
-  import { Dropdown } from '/@/components/Dropdown/index';
+  import { Dropdown } from '@/components/Dropdown/index';
   import Icon from '@/components/Icon/Icon.vue';
 
   import { TabContentProps } from '../types';
 
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { useI18n } from '/@/hooks/web/useI18n';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { useI18n } from '@/hooks/web/useI18n';
   import { useTabDropdown } from '../useTabDropdown';
 
   export default defineComponent({
diff --git a/src/layouts/default/tabs/components/TabRedo.vue b/src/layouts/default/tabs/components/TabRedo.vue
index 9c038aaff..c2654cc63 100644
--- a/src/layouts/default/tabs/components/TabRedo.vue
+++ b/src/layouts/default/tabs/components/TabRedo.vue
@@ -6,8 +6,8 @@
 <script lang="ts">
   import { defineComponent, ref } from 'vue';
   import { RedoOutlined } from '@ant-design/icons-vue';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { useTabs } from '/@/hooks/web/useTabs';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { useTabs } from '@/hooks/web/useTabs';
 
   export default defineComponent({
     name: 'TabRedo',
diff --git a/src/layouts/default/tabs/index.vue b/src/layouts/default/tabs/index.vue
index a354b1211..2a6e99172 100644
--- a/src/layouts/default/tabs/index.vue
+++ b/src/layouts/default/tabs/index.vue
@@ -37,26 +37,26 @@
   import FoldButton from './components/FoldButton.vue';
   import TabRedo from './components/TabRedo.vue';
 
-  import { useGo } from '/@/hooks/web/usePage';
+  import { useGo } from '@/hooks/web/usePage';
 
-  import { useMultipleTabStore } from '/@/store/modules/multipleTab';
-  import { useUserStore } from '/@/store/modules/user';
+  import { useMultipleTabStore } from '@/store/modules/multipleTab';
+  import { useUserStore } from '@/store/modules/user';
 
   import { initAffixTabs, useTabsDrag } from './useMultipleTabs';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { useMultipleTabSetting } from '/@/hooks/setting/useMultipleTabSetting';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { useMultipleTabSetting } from '@/hooks/setting/useMultipleTabSetting';
 
-  import { REDIRECT_NAME } from '/@/router/constant';
-  import { listenerRouteChange } from '/@/logics/mitt/routeChange';
+  import { REDIRECT_NAME } from '@/router/constant';
+  import { listenerRouteChange } from '@/logics/mitt/routeChange';
 
   import { useRouter } from 'vue-router';
 
   import { useMouse } from '@vueuse/core';
-  import { multipleTabHeight } from '/@/settings/designSetting';
+  import { multipleTabHeight } from '@/settings/designSetting';
 
   import SettingButton from './components/SettingButton.vue';
-  import { useHeaderSetting } from '/@/hooks/setting/useHeaderSetting';
-  import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
+  import { useHeaderSetting } from '@/hooks/setting/useHeaderSetting';
+  import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
 
   export default defineComponent({
     name: 'MultipleTabs',
diff --git a/src/layouts/default/tabs/types.ts b/src/layouts/default/tabs/types.ts
index 3a8cfd9cc..0ef329835 100644
--- a/src/layouts/default/tabs/types.ts
+++ b/src/layouts/default/tabs/types.ts
@@ -1,4 +1,4 @@
-import type { DropMenu } from '/@/components/Dropdown/index';
+import type { DropMenu } from '@/components/Dropdown/index';
 import type { RouteLocationNormalized } from 'vue-router';
 
 export enum TabContentEnum {
diff --git a/src/layouts/default/tabs/useMultipleTabs.ts b/src/layouts/default/tabs/useMultipleTabs.ts
index 3ae74cb26..70cac1cc6 100644
--- a/src/layouts/default/tabs/useMultipleTabs.ts
+++ b/src/layouts/default/tabs/useMultipleTabs.ts
@@ -1,12 +1,12 @@
 import { toRaw, ref, nextTick } from 'vue';
 import type { RouteLocationNormalized } from 'vue-router';
-import { useDesign } from '/@/hooks/web/useDesign';
-import { useSortable } from '/@/hooks/web/useSortable';
-import { useMultipleTabStore } from '/@/store/modules/multipleTab';
-import { isNil } from '/@/utils/is';
-import projectSetting from '/@/settings/projectSetting';
+import { useDesign } from '@/hooks/web/useDesign';
+import { useSortable } from '@/hooks/web/useSortable';
+import { useMultipleTabStore } from '@/store/modules/multipleTab';
+import { isNil } from '@/utils/is';
+import projectSetting from '@/settings/projectSetting';
 import { useRouter } from 'vue-router';
-import { useI18n } from '/@/hooks/web/useI18n';
+import { useI18n } from '@/hooks/web/useI18n';
 
 const { t } = useI18n();
 
diff --git a/src/layouts/default/tabs/useTabDropdown.ts b/src/layouts/default/tabs/useTabDropdown.ts
index 016ce8c34..8c8e84322 100644
--- a/src/layouts/default/tabs/useTabDropdown.ts
+++ b/src/layouts/default/tabs/useTabDropdown.ts
@@ -1,13 +1,13 @@
 import type { TabContentProps } from './types';
-import type { DropMenu } from '/@/components/Dropdown';
+import type { DropMenu } from '@/components/Dropdown';
 import type { ComputedRef } from 'vue';
 
 import { computed, unref, reactive } from 'vue';
 import { MenuEventEnum } from './types';
-import { useMultipleTabStore } from '/@/store/modules/multipleTab';
+import { useMultipleTabStore } from '@/store/modules/multipleTab';
 import { RouteLocationNormalized, useRouter } from 'vue-router';
-import { useTabs } from '/@/hooks/web/useTabs';
-import { useI18n } from '/@/hooks/web/useI18n';
+import { useTabs } from '@/hooks/web/useTabs';
+import { useI18n } from '@/hooks/web/useI18n';
 
 export function useTabDropdown(tabContentProps: TabContentProps, getIsTabs: ComputedRef<boolean>) {
   const state = reactive({
diff --git a/src/layouts/default/trigger/HeaderTrigger.vue b/src/layouts/default/trigger/HeaderTrigger.vue
index 391b7fcdf..364aa649c 100644
--- a/src/layouts/default/trigger/HeaderTrigger.vue
+++ b/src/layouts/default/trigger/HeaderTrigger.vue
@@ -5,9 +5,9 @@
 </template>
 <script lang="ts" setup>
   import { MenuUnfoldOutlined, MenuFoldOutlined } from '@ant-design/icons-vue';
-  import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { propTypes } from '/@/utils/propTypes';
+  import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { propTypes } from '@/utils/propTypes';
 
   defineProps({
     theme: propTypes.oneOf(['light', 'dark']),
diff --git a/src/layouts/default/trigger/SiderTrigger.vue b/src/layouts/default/trigger/SiderTrigger.vue
index ab0d05719..0af0872da 100644
--- a/src/layouts/default/trigger/SiderTrigger.vue
+++ b/src/layouts/default/trigger/SiderTrigger.vue
@@ -6,7 +6,7 @@
 </template>
 <script lang="ts" setup>
   import { DoubleRightOutlined, DoubleLeftOutlined } from '@ant-design/icons-vue';
-  import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
+  import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
 
   const { getCollapsed, toggleCollapsed } = useMenuSetting();
 </script>
diff --git a/src/layouts/default/trigger/index.vue b/src/layouts/default/trigger/index.vue
index 5a070e17c..3eeacc042 100644
--- a/src/layouts/default/trigger/index.vue
+++ b/src/layouts/default/trigger/index.vue
@@ -4,7 +4,7 @@
 </template>
 <script lang="ts"></script>
 <script lang="ts" setup>
-  import { propTypes } from '/@/utils/propTypes';
+  import { propTypes } from '@/utils/propTypes';
   import HeaderTrigger from './HeaderTrigger.vue';
   import SiderTrigger from './SiderTrigger.vue';
 
diff --git a/src/layouts/iframe/index.vue b/src/layouts/iframe/index.vue
index d9ee7e5b8..bc51aca7d 100644
--- a/src/layouts/iframe/index.vue
+++ b/src/layouts/iframe/index.vue
@@ -11,7 +11,7 @@
 </template>
 <script lang="ts">
   import { defineComponent, unref, computed } from 'vue';
-  import FramePage from '/@/views/sys/iframe/index.vue';
+  import FramePage from '@/views/sys/iframe/index.vue';
 
   import { useFrameKeepAlive } from './useFrameKeepAlive';
 
diff --git a/src/layouts/iframe/useFrameKeepAlive.ts b/src/layouts/iframe/useFrameKeepAlive.ts
index e84c49fe9..2c295cc02 100644
--- a/src/layouts/iframe/useFrameKeepAlive.ts
+++ b/src/layouts/iframe/useFrameKeepAlive.ts
@@ -1,12 +1,12 @@
-import type { AppRouteRecordRaw } from '/@/router/types';
+import type { AppRouteRecordRaw } from '@/router/types';
 
 import { computed, toRaw, unref } from 'vue';
 
-import { useMultipleTabStore } from '/@/store/modules/multipleTab';
+import { useMultipleTabStore } from '@/store/modules/multipleTab';
 
 import { uniqBy } from 'lodash-es';
 
-import { useMultipleTabSetting } from '/@/hooks/setting/useMultipleTabSetting';
+import { useMultipleTabSetting } from '@/hooks/setting/useMultipleTabSetting';
 
 import { useRouter } from 'vue-router';
 
diff --git a/src/layouts/page/index.vue b/src/layouts/page/index.vue
index 72fe90f61..9f80f03f5 100644
--- a/src/layouts/page/index.vue
+++ b/src/layouts/page/index.vue
@@ -27,15 +27,15 @@
 <script lang="ts">
   import { computed, defineComponent, unref } from 'vue';
 
-  import FrameLayout from '/@/layouts/iframe/index.vue';
+  import FrameLayout from '@/layouts/iframe/index.vue';
 
-  import { useRootSetting } from '/@/hooks/setting/useRootSetting';
+  import { useRootSetting } from '@/hooks/setting/useRootSetting';
 
-  import { useTransitionSetting } from '/@/hooks/setting/useTransitionSetting';
-  import { useMultipleTabSetting } from '/@/hooks/setting/useMultipleTabSetting';
+  import { useTransitionSetting } from '@/hooks/setting/useTransitionSetting';
+  import { useMultipleTabSetting } from '@/hooks/setting/useMultipleTabSetting';
   import { getTransitionName } from './transition';
 
-  import { useMultipleTabStore } from '/@/store/modules/multipleTab';
+  import { useMultipleTabStore } from '@/store/modules/multipleTab';
 
   export default defineComponent({
     name: 'PageLayout',
diff --git a/src/locales/setupI18n.ts b/src/locales/setupI18n.ts
index c98ef9200..80f9c6c71 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 426cd0942..e00aa8def 100644
--- a/src/locales/useLocale.ts
+++ b/src/locales/useLocale.ts
@@ -4,7 +4,7 @@
 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 a18c64443..17b2a24a8 100644
--- a/src/logics/error-handle/index.ts
+++ b/src/logics/error-handle/index.ts
@@ -4,11 +4,11 @@
 
 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 489587d44..445de09c1 100644
--- a/src/logics/initAppConfig.ts
+++ b/src/logics/initAppConfig.ts
@@ -3,22 +3,22 @@
  */
 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 ccd777d36..e28e309fe 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 41256436f..5abdc9f75 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 87f3270d7..3b2d8be10 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 fb967d8d0..e57bc2601 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 c5677499a..660db405e 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 1c75157ba..886fa210d 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 444b89531..80be2ec63 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 c34513cc4..d91b7d29f 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 efb9c9ba5..6ecbccb80 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 ead2fec12..7529fa253 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 b0f48045f..57b03b1b0 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 6175e4acd..b8066c12f 100644
--- a/src/router/routes/basic.ts
+++ b/src/router/routes/basic.ts
@@ -1,10 +1,5 @@
-import type { AppRouteRecordRaw } from '/@/router/types';
-import {
-  REDIRECT_NAME,
-  LAYOUT,
-  EXCEPTION_COMPONENT,
-  PAGE_NOT_FOUND_NAME,
-} from '/@/router/constant';
+import type { AppRouteRecordRaw } from '@/router/types';
+import { REDIRECT_NAME, LAYOUT, EXCEPTION_COMPONENT, PAGE_NOT_FOUND_NAME } from '@/router/constant';
 
 // 404 on a page
 export const PAGE_NOT_FOUND_ROUTE: AppRouteRecordRaw = {
@@ -43,7 +38,7 @@ export const REDIRECT_ROUTE: AppRouteRecordRaw = {
     {
       path: '/redirect/:path(.*)',
       name: REDIRECT_NAME,
-      component: () => import('/@/views/sys/redirect/index.vue'),
+      component: () => import('@/views/sys/redirect/index.vue'),
       meta: {
         title: REDIRECT_NAME,
         hideBreadcrumb: true,
diff --git a/src/router/routes/index.ts b/src/router/routes/index.ts
index 57d767e69..6881dbeab 100644
--- a/src/router/routes/index.ts
+++ b/src/router/routes/index.ts
@@ -1,9 +1,9 @@
-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 { PageEnum } from '/@/enums/pageEnum';
-import { t } from '/@/hooks/web/useI18n';
+import { PageEnum } from '@/enums/pageEnum';
+import { t } from '@/hooks/web/useI18n';
 
 // import.meta.globEager() 直接引入所有的模块 Vite 独有的功能
 const modules = import.meta.glob('./modules/**/*.ts', { eager: true });
@@ -31,7 +31,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'),
   },
@@ -41,7 +41,7 @@ export const LoginRoute: AppRouteRecordRaw = {
 export const InitRoute: AppRouteRecordRaw = {
   path: PageEnum.BASE_INITIAL_PAGE,
   name: 'InitializeDatabase',
-  component: () => import('/@/views/sys/initialize/index.vue'),
+  component: () => import('@/views/sys/initialize/index.vue'),
   meta: {
     title: t('sys.init.initTitle'),
     ignoreAuth: true,
@@ -52,7 +52,7 @@ export const InitRoute: AppRouteRecordRaw = {
 export const OauthCallbackRoute: AppRouteRecordRaw = {
   path: PageEnum.OAUTH_CALLBACK,
   name: 'OauthCallback',
-  component: () => import('/@/views/sys/oauth/callback.vue'),
+  component: () => import('@/views/sys/oauth/callback.vue'),
   meta: {
     title: t('sys.oauth.callback'),
     ignoreAuth: true,
diff --git a/src/router/types.ts b/src/router/types.ts
index 36b2be592..2f2a3e8e1 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 c930a72c4..e8b177dc3 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/projectSetting.ts b/src/settings/projectSetting.ts
index 3421adc2e..cf98a5fc6 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 { 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 7dfc6ed15..838d6d672 100644
--- a/src/store/modules/app.ts
+++ b/src/store/modules/app.ts
@@ -8,14 +8,14 @@ import type {
 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/dictionary.ts b/src/store/modules/dictionary.ts
index ddc1080b3..13429e285 100644
--- a/src/store/modules/dictionary.ts
+++ b/src/store/modules/dictionary.ts
@@ -1,8 +1,8 @@
 import { defineStore } from 'pinia';
-import { GetDictionaryDetailByDictionaryName } from '/@/api/sys/dictionaryDetail';
+import { GetDictionaryDetailByDictionaryName } from '@/api/sys/dictionaryDetail';
 import { DefaultOptionType } from 'ant-design-vue/lib/select';
 import { ref } from 'vue';
-import { DICT_INFO_KEY } from '/@/enums/cacheEnum';
+import { DICT_INFO_KEY } from '@/enums/cacheEnum';
 
 interface DictionaryData {
   data: DefaultOptionType[];
diff --git a/src/store/modules/errorLog.ts b/src/store/modules/errorLog.ts
index ffbdc0b06..2efbad9f6 100644
--- a/src/store/modules/errorLog.ts
+++ b/src/store/modules/errorLog.ts
@@ -1,12 +1,12 @@
 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 ee0fbd635..b8d154c65 100644
--- a/src/store/modules/locale.ts
+++ b/src/store/modules/locale.ts
@@ -1,10 +1,10 @@
 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 { localeSetting } from '/@/settings/localeSetting';
+import { LOCALE_KEY } from '@/enums/cacheEnum';
+import { localeSetting } from '@/settings/localeSetting';
 
 interface LocaleState {
   localInfo: LocaleSetting;
diff --git a/src/store/modules/lock.ts b/src/store/modules/lock.ts
index ce2ef0c2b..4824704a8 100644
--- a/src/store/modules/lock.ts
+++ b/src/store/modules/lock.ts
@@ -1,7 +1,7 @@
 import type { LockInfo } from '/#/store';
 
 import { defineStore } from 'pinia';
-import { LOCK_INFO_KEY } from '/@/enums/cacheEnum';
+import { LOCK_INFO_KEY } from '@/enums/cacheEnum';
 
 interface LockState {
   lockInfo: Nullable<LockInfo>;
diff --git a/src/store/modules/multipleTab.ts b/src/store/modules/multipleTab.ts
index e67c4232f..c84ad9641 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 31e37389e..34b41b1b0 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 { PAGE_NOT_FOUND_ROUTE } from '/@/router/routes/basic';
+import { asyncRoutes } from '@/router/routes';
+import { PAGE_NOT_FOUND_ROUTE } from '@/router/routes/basic';
 
-import { filter } from '/@/utils/helper/treeHelper';
+import { filter } from '@/utils/helper/treeHelper';
 
-import { getMenuListByRole } from '/@/api/sys/menu';
-import { getPermCode } from '/@/api/sys/user';
+import { getMenuListByRole } 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';
 import { array2tree } from '@axolo/tree-array';
 
 interface PermissionState {
diff --git a/src/store/modules/role.ts b/src/store/modules/role.ts
index f1ad1c4db..f0b1568fa 100644
--- a/src/store/modules/role.ts
+++ b/src/store/modules/role.ts
@@ -1,6 +1,6 @@
 import { defineStore } from 'pinia';
-import { RoleInfo } from '/@/api/sys/model/roleModel';
-import { getRoleList } from '/@/api/sys/role';
+import { RoleInfo } from '@/api/sys/model/roleModel';
+import { getRoleList } from '@/api/sys/role';
 
 interface RoleState {
   roleInfo: RoleInfo[];
diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index fc688d3f7..d63bb4e8c 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -1,25 +1,25 @@
 import type { ErrorMessageMode } from '/#/axios';
 import { defineStore } from 'pinia';
-import { store } from '/@/store';
-import { RoleEnum } from '/@/enums/roleEnum';
-import { PageEnum } from '/@/enums/pageEnum';
-import { TOKEN_KEY, USER_INFO_KEY } from '/@/enums/cacheEnum';
+import { store } from '@/store';
+import { RoleEnum } from '@/enums/roleEnum';
+import { PageEnum } from '@/enums/pageEnum';
+import { TOKEN_KEY, USER_INFO_KEY } from '@/enums/cacheEnum';
 import {
   GetUserInfoModel,
   LoginByEmailReq,
   LoginBySmsReq,
   LoginReq,
-} from '/@/api/sys/model/userModel';
-import { doLogout, getUserInfo, login, loginByEmail, loginBySms } 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';
+} from '@/api/sys/model/userModel';
+import { doLogout, getUserInfo, login, loginByEmail, loginBySms } 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';
-import { setAuthCache } from '/@/utils/auth';
+import { setAuthCache } from '@/utils/auth';
 
 interface UserState {
   userInfo: GetUserInfoModel;
diff --git a/src/utils/auth/index.ts b/src/utils/auth/index.ts
index 9459a9e81..2ec0567fa 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 53fb0543a..cc172acda 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 3d7f13917..9d1173c84 100644
--- a/src/utils/cache/index.ts
+++ b/src/utils/cache/index.ts
@@ -1,8 +1,5 @@
 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 37ed5c7a4..fe609adff 100644
--- a/src/utils/cache/persistent.ts
+++ b/src/utils/cache/persistent.ts
@@ -2,7 +2,7 @@ import type { 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_SESSION_CACHE_KEY,
   MULTIPLE_TABS_KEY,
   ROLES_NAME_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 2b8f98ed9..3250408ab 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 19f455aa4..3328d0037 100644
--- a/src/utils/env.ts
+++ b/src/utils/env.ts
@@ -1,6 +1,6 @@
 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 712e56cb2..78d5c61f7 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 3de2365d8..920a274be 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 b215be977..a04c7171e 100644
--- a/src/utils/http/axios/Axios.ts
+++ b/src/utils/http/axios/Axios.ts
@@ -10,9 +10,9 @@ 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/checkStatus.ts b/src/utils/http/axios/checkStatus.ts
index 3b8cbd478..dc7cadd84 100644
--- a/src/utils/http/axios/checkStatus.ts
+++ b/src/utils/http/axios/checkStatus.ts
@@ -1,9 +1,9 @@
 import type { ErrorMessageMode } from '/#/axios';
-import { useMessage } from '/@/hooks/web/useMessage';
-import { useI18n } from '/@/hooks/web/useI18n';
-import { useUserStoreWithOut } from '/@/store/modules/user';
-import projectSetting from '/@/settings/projectSetting';
-import { SessionTimeoutProcessingEnum } from '/@/enums/appEnum';
+import { useMessage } from '@/hooks/web/useMessage';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useUserStoreWithOut } from '@/store/modules/user';
+import projectSetting from '@/settings/projectSetting';
+import { SessionTimeoutProcessingEnum } from '@/enums/appEnum';
 
 const { createMessage, createErrorModal, notification } = useMessage();
 const error = createMessage.error!;
diff --git a/src/utils/http/axios/helper.ts b/src/utils/http/axios/helper.ts
index 30cc2b080..36d419a92 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 6aeb83f0a..bf30daa95 100644
--- a/src/utils/http/axios/index.ts
+++ b/src/utils/http/axios/index.ts
@@ -7,17 +7,17 @@ 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, ContentTypeEnum } from '/@/enums/httpEnum';
-import { isString } 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, ContentTypeEnum } from '@/enums/httpEnum';
+import { isString } 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 { AxiosRetry } from '/@/utils/http/axios/axiosRetry';
-import { useLocaleStore } from '/@/store/modules/locale';
+import { AxiosRetry } from '@/utils/http/axios/axiosRetry';
+import { useLocaleStore } from '@/store/modules/locale';
 
 const globSetting = useGlobSetting();
 const urlPrefix = globSetting.urlPrefix;
diff --git a/src/utils/index.ts b/src/utils/index.ts
index c55730097..531ef7bf4 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/analysis/components/GrowCard.vue b/src/views/dashboard/analysis/components/GrowCard.vue
index fca4f5227..020579ef0 100644
--- a/src/views/dashboard/analysis/components/GrowCard.vue
+++ b/src/views/dashboard/analysis/components/GrowCard.vue
@@ -26,7 +26,7 @@
   </div>
 </template>
 <script lang="ts" setup>
-  import { CountTo } from '/@/components/CountTo/index';
+  import { CountTo } from '@/components/CountTo/index';
   import Icon from '@/components/Icon/Icon.vue';
   import { Tag, Card } from 'ant-design-vue';
   import { growCardList } from '../data';
diff --git a/src/views/dashboard/analysis/components/SalesProductPie.vue b/src/views/dashboard/analysis/components/SalesProductPie.vue
index c6e7cf8f8..774703b7e 100644
--- a/src/views/dashboard/analysis/components/SalesProductPie.vue
+++ b/src/views/dashboard/analysis/components/SalesProductPie.vue
@@ -6,7 +6,7 @@
 <script lang="ts" setup>
   import { Ref, ref, watch } from 'vue';
   import { Card } from 'ant-design-vue';
-  import { useECharts } from '/@/hooks/web/useECharts';
+  import { useECharts } from '@/hooks/web/useECharts';
 
   const props = defineProps({
     loading: Boolean,
diff --git a/src/views/dashboard/analysis/components/VisitAnalysis.vue b/src/views/dashboard/analysis/components/VisitAnalysis.vue
index 2f4f7a51a..6a0edea54 100644
--- a/src/views/dashboard/analysis/components/VisitAnalysis.vue
+++ b/src/views/dashboard/analysis/components/VisitAnalysis.vue
@@ -6,7 +6,7 @@
 </script>
 <script lang="ts" setup>
   import { onMounted, ref, Ref } from 'vue';
-  import { useECharts } from '/@/hooks/web/useECharts';
+  import { useECharts } from '@/hooks/web/useECharts';
 
   defineProps({
     ...basicProps,
diff --git a/src/views/dashboard/analysis/components/VisitAnalysisBar.vue b/src/views/dashboard/analysis/components/VisitAnalysisBar.vue
index 8bd6597af..3a3c41359 100644
--- a/src/views/dashboard/analysis/components/VisitAnalysisBar.vue
+++ b/src/views/dashboard/analysis/components/VisitAnalysisBar.vue
@@ -6,7 +6,7 @@
 </script>
 <script lang="ts" setup>
   import { onMounted, ref, Ref } from 'vue';
-  import { useECharts } from '/@/hooks/web/useECharts';
+  import { useECharts } from '@/hooks/web/useECharts';
 
   defineProps({
     ...basicProps,
diff --git a/src/views/dashboard/analysis/components/VisitRadar.vue b/src/views/dashboard/analysis/components/VisitRadar.vue
index f73f01e31..51b7cfa99 100644
--- a/src/views/dashboard/analysis/components/VisitRadar.vue
+++ b/src/views/dashboard/analysis/components/VisitRadar.vue
@@ -6,7 +6,7 @@
 <script lang="ts" setup>
   import { Ref, ref, watch } from 'vue';
   import { Card } from 'ant-design-vue';
-  import { useECharts } from '/@/hooks/web/useECharts';
+  import { useECharts } from '@/hooks/web/useECharts';
 
   const props = defineProps({
     loading: Boolean,
diff --git a/src/views/dashboard/analysis/components/VisitSource.vue b/src/views/dashboard/analysis/components/VisitSource.vue
index ac2add640..56a2e3181 100644
--- a/src/views/dashboard/analysis/components/VisitSource.vue
+++ b/src/views/dashboard/analysis/components/VisitSource.vue
@@ -6,7 +6,7 @@
 <script lang="ts" setup>
   import { Ref, ref, watch } from 'vue';
   import { Card } from 'ant-design-vue';
-  import { useECharts } from '/@/hooks/web/useECharts';
+  import { useECharts } from '@/hooks/web/useECharts';
 
   const props = defineProps({
     loading: Boolean,
diff --git a/src/views/dashboard/workbench/components/ProjectCard.vue b/src/views/dashboard/workbench/components/ProjectCard.vue
index c8369c3fa..c1497a229 100644
--- a/src/views/dashboard/workbench/components/ProjectCard.vue
+++ b/src/views/dashboard/workbench/components/ProjectCard.vue
@@ -11,7 +11,7 @@
   import { defineComponent } from 'vue';
   import { Card, List, ListItem } from 'ant-design-vue';
   import { systemInfoData } from './data';
-  import { useI18n } from '/@/hooks/web/useI18n';
+  import { useI18n } from '@/hooks/web/useI18n';
 
   export default defineComponent({
     components: { Card, List, ListItem },
diff --git a/src/views/dashboard/workbench/components/QuickNav.vue b/src/views/dashboard/workbench/components/QuickNav.vue
index 56ec53f54..a6a9980f2 100644
--- a/src/views/dashboard/workbench/components/QuickNav.vue
+++ b/src/views/dashboard/workbench/components/QuickNav.vue
@@ -13,8 +13,8 @@
   import { defineComponent } from 'vue';
   import { navItems } from './data';
   import Icon from '@/components/Icon/Icon.vue';
-  import { useGo } from '/@/hooks/web/usePage';
-  import { useI18n } from '/@/hooks/web/useI18n';
+  import { useGo } from '@/hooks/web/usePage';
+  import { useI18n } from '@/hooks/web/useI18n';
 
   export default defineComponent({
     components: { Card, CardGrid, Icon },
diff --git a/src/views/dashboard/workbench/components/WorkbenchHeader.vue b/src/views/dashboard/workbench/components/WorkbenchHeader.vue
index e828d0144..b41dd72af 100644
--- a/src/views/dashboard/workbench/components/WorkbenchHeader.vue
+++ b/src/views/dashboard/workbench/components/WorkbenchHeader.vue
@@ -25,8 +25,8 @@
 <script lang="ts" setup>
   import { computed } from 'vue';
   import { Avatar } from 'ant-design-vue';
-  import { useUserStore } from '/@/store/modules/user';
-  import headerImg from '/@/assets/images/header.jpg';
+  import { useUserStore } from '@/store/modules/user';
+  import headerImg from '@/assets/images/header.jpg';
   import { useI18n } from 'vue-i18n';
 
   const { t } = useI18n();
diff --git a/src/views/dashboard/workbench/components/data.ts b/src/views/dashboard/workbench/components/data.ts
index f5019fd79..ab8e84eb9 100644
--- a/src/views/dashboard/workbench/components/data.ts
+++ b/src/views/dashboard/workbench/components/data.ts
@@ -52,5 +52,5 @@ export const navItems: NavItem[] = [
 
 export const systemInfoData = [
   ['sys.sys.Name', 'Simple Admin'],
-  ['sys.sys.version', 'V 1.3.7'],
+  ['sys.sys.version', 'V 1.3.8'],
 ];
diff --git a/src/views/dashboard/workbench/index.vue b/src/views/dashboard/workbench/index.vue
index 613608588..897270db5 100644
--- a/src/views/dashboard/workbench/index.vue
+++ b/src/views/dashboard/workbench/index.vue
@@ -12,7 +12,7 @@
   </PageWrapper>
 </template>
 <script lang="ts" setup>
-  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/fms/cloudFile/CloudFileDrawer.vue b/src/views/fms/cloudFile/CloudFileDrawer.vue
index aea931435..7e846437b 100644
--- a/src/views/fms/cloudFile/CloudFileDrawer.vue
+++ b/src/views/fms/cloudFile/CloudFileDrawer.vue
@@ -12,12 +12,12 @@
 </template>
 <script lang="ts">
   import { defineComponent, ref, computed, unref } from 'vue';
-  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { BasicForm, useForm } from '@/components/Form/index';
   import { formSchema } from './cloudFile.data';
-  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
   import { useI18n } from 'vue-i18n';
 
-  import { createCloudFile, updateCloudFile } from '/@/api/fms/cloudFile';
+  import { createCloudFile, updateCloudFile } from '@/api/fms/cloudFile';
 
   export default defineComponent({
     name: 'CloudFileDrawer',
diff --git a/src/views/fms/cloudFile/cloudFile.data.ts b/src/views/fms/cloudFile/cloudFile.data.ts
index 877f362ef..007961326 100644
--- a/src/views/fms/cloudFile/cloudFile.data.ts
+++ b/src/views/fms/cloudFile/cloudFile.data.ts
@@ -1,11 +1,11 @@
-import { BasicColumn, FormSchema } from '/@/components/Table';
-import { useI18n } from '/@/hooks/web/useI18n';
-import { formatToDateTime } from '/@/utils/dateUtil';
-import { updateCloudFile } from '/@/api/fms/cloudFile';
+import { BasicColumn, FormSchema } from '@/components/Table';
+import { useI18n } from '@/hooks/web/useI18n';
+import { formatToDateTime } from '@/utils/dateUtil';
+import { updateCloudFile } from '@/api/fms/cloudFile';
 import { Switch } from 'ant-design-vue';
 import { h } from 'vue';
-import { getStorageProviderList } from '/@/api/fms/storageProvider';
-import { getCloudFileTagList } from '/@/api/fms/cloudFileTag';
+import { getStorageProviderList } from '@/api/fms/storageProvider';
+import { getCloudFileTagList } from '@/api/fms/cloudFileTag';
 
 const { t } = useI18n();
 
diff --git a/src/views/fms/cloudFile/index.vue b/src/views/fms/cloudFile/index.vue
index 96630f302..e548585b3 100644
--- a/src/views/fms/cloudFile/index.vue
+++ b/src/views/fms/cloudFile/index.vue
@@ -115,21 +115,21 @@
   import { computed, createVNode, defineComponent, ref } from 'vue';
   import { Image, Modal } from 'ant-design-vue';
 
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import { BasicUpload } from '/@/components/Upload';
+  import { BasicTable, useTable, TableAction } from '@/components/Table';
+  import { BasicUpload } from '@/components/Upload';
   import useClipboard from 'vue-clipboard3';
-  import { useMessage } from '/@/hooks/web/useMessage';
+  import { useMessage } from '@/hooks/web/useMessage';
 
-  import { useDrawer } from '/@/components/Drawer';
+  import { useDrawer } from '@/components/Drawer';
   import CloudFileDrawer from './CloudFileDrawer.vue';
   import { useI18n } from 'vue-i18n';
 
   import { columns, searchFormSchema } from './cloudFile.data';
-  import { deleteCloudFile, getCloudFileList, uploadApi } from '/@/api/fms/cloudFile';
+  import { deleteCloudFile, getCloudFileList, uploadApi } from '@/api/fms/cloudFile';
   import { ExclamationCircleOutlined } from '@ant-design/icons-vue/lib/icons';
-  import { Button } from '/@/components/Button';
-  import { ApiSelect } from '/@/components/Form';
-  import { getStorageProviderList } from '/@/api/fms/storageProvider';
+  import { Button } from '@/components/Button';
+  import { ApiSelect } from '@/components/Form';
+  import { getStorageProviderList } from '@/api/fms/storageProvider';
 
   export default defineComponent({
     name: 'CloudFileManagement',
diff --git a/src/views/fms/cloudFileTag/CloudFileTagDrawer.vue b/src/views/fms/cloudFileTag/CloudFileTagDrawer.vue
index d112bdf53..d9eaffb92 100644
--- a/src/views/fms/cloudFileTag/CloudFileTagDrawer.vue
+++ b/src/views/fms/cloudFileTag/CloudFileTagDrawer.vue
@@ -12,12 +12,12 @@
 </template>
 <script lang="ts">
   import { defineComponent, ref, computed, unref } from 'vue';
-  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { BasicForm, useForm } from '@/components/Form/index';
   import { formSchema } from './cloudFileTag.data';
-  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
   import { useI18n } from 'vue-i18n';
 
-  import { createCloudFileTag, updateCloudFileTag } from '/@/api/fms/cloudFileTag';
+  import { createCloudFileTag, updateCloudFileTag } from '@/api/fms/cloudFileTag';
 
   export default defineComponent({
     name: 'CloudFileTagDrawer',
diff --git a/src/views/fms/cloudFileTag/cloudFileTag.data.ts b/src/views/fms/cloudFileTag/cloudFileTag.data.ts
index f74d44518..74c370580 100644
--- a/src/views/fms/cloudFileTag/cloudFileTag.data.ts
+++ b/src/views/fms/cloudFileTag/cloudFileTag.data.ts
@@ -1,7 +1,7 @@
-import { BasicColumn, FormSchema } from '/@/components/Table';
-import { useI18n } from '/@/hooks/web/useI18n';
-import { formatToDateTime } from '/@/utils/dateUtil';
-import { updateCloudFileTag } from '/@/api/fms/cloudFileTag';
+import { BasicColumn, FormSchema } from '@/components/Table';
+import { useI18n } from '@/hooks/web/useI18n';
+import { formatToDateTime } from '@/utils/dateUtil';
+import { updateCloudFileTag } from '@/api/fms/cloudFileTag';
 import { Switch } from 'ant-design-vue';
 import { h } from 'vue';
 
diff --git a/src/views/fms/cloudFileTag/index.vue b/src/views/fms/cloudFileTag/index.vue
index e08ad0d7e..36bd170fb 100644
--- a/src/views/fms/cloudFileTag/index.vue
+++ b/src/views/fms/cloudFileTag/index.vue
@@ -46,15 +46,15 @@
   import { createVNode, defineComponent, ref } from 'vue';
   import { Modal } from 'ant-design-vue';
   import { ExclamationCircleOutlined } from '@ant-design/icons-vue/lib/icons';
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import { Button } from '/@/components/Button';
+  import { BasicTable, useTable, TableAction } from '@/components/Table';
+  import { Button } from '@/components/Button';
 
-  import { useDrawer } from '/@/components/Drawer';
+  import { useDrawer } from '@/components/Drawer';
   import CloudFileTagDrawer from './CloudFileTagDrawer.vue';
   import { useI18n } from 'vue-i18n';
 
   import { columns, searchFormSchema } from './cloudFileTag.data';
-  import { getCloudFileTagList, deleteCloudFileTag } from '/@/api/fms/cloudFileTag';
+  import { getCloudFileTagList, deleteCloudFileTag } from '@/api/fms/cloudFileTag';
 
   export default defineComponent({
     name: 'CloudFileTagManagement',
diff --git a/src/views/fms/file/FileDrawer.vue b/src/views/fms/file/FileDrawer.vue
index d4f08fb82..9ec81215b 100644
--- a/src/views/fms/file/FileDrawer.vue
+++ b/src/views/fms/file/FileDrawer.vue
@@ -12,11 +12,11 @@
 </template>
 <script lang="ts">
   import { defineComponent, ref, computed, unref } from 'vue';
-  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { BasicForm, useForm } from '@/components/Form/index';
   import { formSchema } from './file.data';
-  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
   import { useI18n } from 'vue-i18n';
-  import { UpdateFileInfo } from '/@/api/fms/file';
+  import { UpdateFileInfo } from '@/api/fms/file';
 
   export default defineComponent({
     name: 'FileDrawer',
diff --git a/src/views/fms/file/file.data.ts b/src/views/fms/file/file.data.ts
index bcb237bbe..eb2f72887 100644
--- a/src/views/fms/file/file.data.ts
+++ b/src/views/fms/file/file.data.ts
@@ -1,9 +1,9 @@
 import { Switch } from 'ant-design-vue';
 import { h } from 'vue';
-import { setFileStatus } from '/@/api/fms/file';
-import { BasicColumn, FormSchema } from '/@/components/Table';
-import { useI18n } from '/@/hooks/web/useI18n';
-import { formatToDateTime } from '/@/utils/dateUtil';
+import { setFileStatus } from '@/api/fms/file';
+import { BasicColumn, FormSchema } from '@/components/Table';
+import { useI18n } from '@/hooks/web/useI18n';
+import { formatToDateTime } from '@/utils/dateUtil';
 import { getTagList } from '../../../api/fms/fileTag';
 
 const { t } = useI18n();
diff --git a/src/views/fms/file/index.vue b/src/views/fms/file/index.vue
index 629d8c7cc..e4186314e 100644
--- a/src/views/fms/file/index.vue
+++ b/src/views/fms/file/index.vue
@@ -101,19 +101,19 @@
   import { createVNode, defineComponent, ref } from 'vue';
   import { Image, Modal } from 'ant-design-vue';
 
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import { BasicUpload } from '/@/components/Upload';
+  import { BasicTable, useTable, TableAction } from '@/components/Table';
+  import { BasicUpload } from '@/components/Upload';
   import useClipboard from 'vue-clipboard3';
-  import { useMessage } from '/@/hooks/web/useMessage';
+  import { useMessage } from '@/hooks/web/useMessage';
 
-  import { useDrawer } from '/@/components/Drawer';
+  import { useDrawer } from '@/components/Drawer';
   import FileDrawer from './FileDrawer.vue';
   import { useI18n } from 'vue-i18n';
 
   import { columns, searchFormSchema } from './file.data';
-  import { deleteFile, downloadFile, getFileList, uploadApi } from '/@/api/fms/file';
+  import { deleteFile, downloadFile, getFileList, uploadApi } from '@/api/fms/file';
   import { ExclamationCircleOutlined } from '@ant-design/icons-vue/lib/icons';
-  import { Button } from '/@/components/Button';
+  import { Button } from '@/components/Button';
 
   export default defineComponent({
     name: 'FileManagement',
diff --git a/src/views/fms/fileTag/TagDrawer.vue b/src/views/fms/fileTag/TagDrawer.vue
index fc1bb3c70..679a157ad 100644
--- a/src/views/fms/fileTag/TagDrawer.vue
+++ b/src/views/fms/fileTag/TagDrawer.vue
@@ -12,12 +12,12 @@
 </template>
 <script lang="ts">
   import { defineComponent, ref, computed, unref } from 'vue';
-  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { BasicForm, useForm } from '@/components/Form/index';
   import { formSchema } from './tag.data';
-  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
   import { useI18n } from 'vue-i18n';
 
-  import { createTag, updateTag } from '/@/api/fms/fileTag';
+  import { createTag, updateTag } from '@/api/fms/fileTag';
 
   export default defineComponent({
     name: 'TagDrawer',
diff --git a/src/views/fms/fileTag/index.vue b/src/views/fms/fileTag/index.vue
index a1e67c430..9239516b9 100644
--- a/src/views/fms/fileTag/index.vue
+++ b/src/views/fms/fileTag/index.vue
@@ -46,15 +46,15 @@
   import { createVNode, defineComponent, ref } from 'vue';
   import { Modal } from 'ant-design-vue';
   import { ExclamationCircleOutlined } from '@ant-design/icons-vue/lib/icons';
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import { Button } from '/@/components/Button';
+  import { BasicTable, useTable, TableAction } from '@/components/Table';
+  import { Button } from '@/components/Button';
 
-  import { useDrawer } from '/@/components/Drawer';
+  import { useDrawer } from '@/components/Drawer';
   import TagDrawer from './TagDrawer.vue';
   import { useI18n } from 'vue-i18n';
 
   import { columns, searchFormSchema } from './tag.data';
-  import { getTagList, deleteTag } from '/@/api/fms/fileTag';
+  import { getTagList, deleteTag } from '@/api/fms/fileTag';
 
   export default defineComponent({
     name: 'TagManagement',
diff --git a/src/views/fms/fileTag/tag.data.ts b/src/views/fms/fileTag/tag.data.ts
index 0bf4e8585..94a11a903 100644
--- a/src/views/fms/fileTag/tag.data.ts
+++ b/src/views/fms/fileTag/tag.data.ts
@@ -1,6 +1,6 @@
-import { BasicColumn, FormSchema } from '/@/components/Table';
-import { useI18n } from '/@/hooks/web/useI18n';
-import { formatToDateTime } from '/@/utils/dateUtil';
+import { BasicColumn, FormSchema } from '@/components/Table';
+import { useI18n } from '@/hooks/web/useI18n';
+import { formatToDateTime } from '@/utils/dateUtil';
 import { updateTag } from '../../../api/fms/fileTag';
 import { Switch } from 'ant-design-vue';
 import { h } from 'vue';
diff --git a/src/views/fms/storageProvider/StorageProviderDrawer.vue b/src/views/fms/storageProvider/StorageProviderDrawer.vue
index 56056e81e..19155786f 100644
--- a/src/views/fms/storageProvider/StorageProviderDrawer.vue
+++ b/src/views/fms/storageProvider/StorageProviderDrawer.vue
@@ -12,12 +12,12 @@
 </template>
 <script lang="ts">
   import { defineComponent, ref, computed, unref } from 'vue';
-  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { BasicForm, useForm } from '@/components/Form/index';
   import { formSchema } from './storageProvider.data';
-  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
   import { useI18n } from 'vue-i18n';
 
-  import { createStorageProvider, updateStorageProvider } from '/@/api/fms/storageProvider';
+  import { createStorageProvider, updateStorageProvider } from '@/api/fms/storageProvider';
 
   export default defineComponent({
     name: 'StorageProviderDrawer',
diff --git a/src/views/fms/storageProvider/index.vue b/src/views/fms/storageProvider/index.vue
index b899e4478..95376eecb 100644
--- a/src/views/fms/storageProvider/index.vue
+++ b/src/views/fms/storageProvider/index.vue
@@ -46,15 +46,15 @@
   import { createVNode, defineComponent, ref } from 'vue';
   import { Modal } from 'ant-design-vue';
   import { ExclamationCircleOutlined } from '@ant-design/icons-vue/lib/icons';
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import { Button } from '/@/components/Button';
+  import { BasicTable, useTable, TableAction } from '@/components/Table';
+  import { Button } from '@/components/Button';
 
-  import { useDrawer } from '/@/components/Drawer';
+  import { useDrawer } from '@/components/Drawer';
   import StorageProviderDrawer from './StorageProviderDrawer.vue';
   import { useI18n } from 'vue-i18n';
 
   import { columns, searchFormSchema } from './storageProvider.data';
-  import { getStorageProviderList, deleteStorageProvider } from '/@/api/fms/storageProvider';
+  import { getStorageProviderList, deleteStorageProvider } from '@/api/fms/storageProvider';
 
   export default defineComponent({
     name: 'StorageProviderManagement',
diff --git a/src/views/fms/storageProvider/storageProvider.data.ts b/src/views/fms/storageProvider/storageProvider.data.ts
index 920069f31..82d0eb812 100644
--- a/src/views/fms/storageProvider/storageProvider.data.ts
+++ b/src/views/fms/storageProvider/storageProvider.data.ts
@@ -1,10 +1,10 @@
-import { BasicColumn, FormSchema } from '/@/components/Table';
-import { useI18n } from '/@/hooks/web/useI18n';
-import { formatToDateTime } from '/@/utils/dateUtil';
-import { updateStorageProvider } from '/@/api/fms/storageProvider';
+import { BasicColumn, FormSchema } from '@/components/Table';
+import { useI18n } from '@/hooks/web/useI18n';
+import { formatToDateTime } from '@/utils/dateUtil';
+import { updateStorageProvider } from '@/api/fms/storageProvider';
 import { Switch } from 'ant-design-vue';
 import { h } from 'vue';
-import { useRedo } from '/@/hooks/web/usePage';
+import { useRedo } from '@/hooks/web/usePage';
 
 const { t } = useI18n();
 
diff --git a/src/views/mcms/emailProvider/EmailProviderDrawer.vue b/src/views/mcms/emailProvider/EmailProviderDrawer.vue
index cabcb638a..099cd2911 100644
--- a/src/views/mcms/emailProvider/EmailProviderDrawer.vue
+++ b/src/views/mcms/emailProvider/EmailProviderDrawer.vue
@@ -12,12 +12,12 @@
 </template>
 <script lang="ts">
   import { defineComponent, ref, computed, unref } from 'vue';
-  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { BasicForm, useForm } from '@/components/Form/index';
   import { formSchema } from './emailProvider.data';
-  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
   import { useI18n } from 'vue-i18n';
 
-  import { createEmailProvider, updateEmailProvider } from '/@/api/mcms/emailProvider';
+  import { createEmailProvider, updateEmailProvider } from '@/api/mcms/emailProvider';
 
   export default defineComponent({
     name: 'EmailProviderDrawer',
diff --git a/src/views/mcms/emailProvider/LogModal.vue b/src/views/mcms/emailProvider/LogModal.vue
index 1838303c4..85e22feda 100644
--- a/src/views/mcms/emailProvider/LogModal.vue
+++ b/src/views/mcms/emailProvider/LogModal.vue
@@ -24,11 +24,11 @@
   import { createVNode, defineComponent, reactive, ref } from 'vue';
   import { useI18n } from 'vue-i18n';
   import { columns, searchFormSchema } from './emailLog.data';
-  import { Button } from '/@/components/Button';
-  import { BasicModal, useModalInner } from '/@/components/Modal';
-  import { BasicTable, useTable } from '/@/components/Table';
-  import { useMessage } from '/@/hooks/web/useMessage';
-  import { deleteEmailLog, getEmailLogList } from '/@/api/mcms/emailLog';
+  import { Button } from '@/components/Button';
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { BasicTable, useTable } from '@/components/Table';
+  import { useMessage } from '@/hooks/web/useMessage';
+  import { deleteEmailLog, getEmailLogList } from '@/api/mcms/emailLog';
 
   export default defineComponent({
     components: { BasicModal, BasicTable, DeleteOutlined, Button },
diff --git a/src/views/mcms/emailProvider/email.data.ts b/src/views/mcms/emailProvider/email.data.ts
index 8a1d29ff1..bfcbbcadb 100644
--- a/src/views/mcms/emailProvider/email.data.ts
+++ b/src/views/mcms/emailProvider/email.data.ts
@@ -1,6 +1,6 @@
-import { getEmailProviderList } from '/@/api/mcms/emailProvider';
-import { FormSchema } from '/@/components/Table';
-import { useI18n } from '/@/hooks/web/useI18n';
+import { getEmailProviderList } from '@/api/mcms/emailProvider';
+import { FormSchema } from '@/components/Table';
+import { useI18n } from '@/hooks/web/useI18n';
 
 const { t } = useI18n();
 
diff --git a/src/views/mcms/emailProvider/emailLog.data.ts b/src/views/mcms/emailProvider/emailLog.data.ts
index 23f28f1d5..ed2fe562e 100644
--- a/src/views/mcms/emailProvider/emailLog.data.ts
+++ b/src/views/mcms/emailProvider/emailLog.data.ts
@@ -1,7 +1,7 @@
 import { h } from 'vue';
-import { BasicColumn, FormSchema } from '/@/components/Table';
-import { useI18n } from '/@/hooks/web/useI18n';
-import { formatToDateTime } from '/@/utils/dateUtil';
+import { BasicColumn, FormSchema } from '@/components/Table';
+import { useI18n } from '@/hooks/web/useI18n';
+import { formatToDateTime } from '@/utils/dateUtil';
 import { Tag } from 'ant-design-vue/lib/components';
 
 const { t } = useI18n();
diff --git a/src/views/mcms/emailProvider/emailProvider.data.ts b/src/views/mcms/emailProvider/emailProvider.data.ts
index f114a2f0d..6720906bc 100644
--- a/src/views/mcms/emailProvider/emailProvider.data.ts
+++ b/src/views/mcms/emailProvider/emailProvider.data.ts
@@ -1,9 +1,9 @@
 import { h } from 'vue';
-import { BasicColumn, FormSchema } from '/@/components/Table';
-import { useI18n } from '/@/hooks/web/useI18n';
-import { formatToDateTime } from '/@/utils/dateUtil';
+import { BasicColumn, FormSchema } from '@/components/Table';
+import { useI18n } from '@/hooks/web/useI18n';
+import { formatToDateTime } from '@/utils/dateUtil';
 import { Switch } from 'ant-design-vue';
-import { updateEmailProvider } from '/@/api/mcms/emailProvider';
+import { updateEmailProvider } from '@/api/mcms/emailProvider';
 
 const { t } = useI18n();
 
diff --git a/src/views/mcms/emailProvider/index.vue b/src/views/mcms/emailProvider/index.vue
index bba4c58c8..854bf4826 100644
--- a/src/views/mcms/emailProvider/index.vue
+++ b/src/views/mcms/emailProvider/index.vue
@@ -62,22 +62,22 @@
   import { createVNode, defineComponent, ref } from 'vue';
   import { Modal } from 'ant-design-vue';
   import { ExclamationCircleOutlined } from '@ant-design/icons-vue/lib/icons';
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import { Button } from '/@/components/Button';
+  import { BasicTable, useTable, TableAction } from '@/components/Table';
+  import { Button } from '@/components/Button';
 
-  import { useDrawer } from '/@/components/Drawer';
+  import { useDrawer } from '@/components/Drawer';
   import EmailProviderDrawer from './EmailProviderDrawer.vue';
   import { useI18n } from 'vue-i18n';
 
   import { columns, searchFormSchema } from './emailProvider.data';
-  import { getEmailProviderList, deleteEmailProvider } from '/@/api/mcms/emailProvider';
-  import { useModal } from '/@/components/Modal/src/hooks/useModal';
+  import { getEmailProviderList, deleteEmailProvider } from '@/api/mcms/emailProvider';
+  import { useModal } from '@/components/Modal/src/hooks/useModal';
   import LogModal from './LogModal.vue';
-  import { BasicModal } from '/@/components/Modal';
-  import { BasicForm, useForm } from '/@/components/Form';
+  import { BasicModal } from '@/components/Modal';
+  import { BasicForm, useForm } from '@/components/Form';
   import { formSchema } from './email.data';
-  import { sendEmail } from '/@/api/mcms/messageSender';
-  import { SendEmailReq } from '/@/api/mcms/model/messageModel';
+  import { sendEmail } from '@/api/mcms/messageSender';
+  import { SendEmailReq } from '@/api/mcms/model/messageModel';
 
   export default defineComponent({
     name: 'EmailProviderManagement',
diff --git a/src/views/mcms/smsProvider/LogModal.vue b/src/views/mcms/smsProvider/LogModal.vue
index 24a4f1c82..8bac354b8 100644
--- a/src/views/mcms/smsProvider/LogModal.vue
+++ b/src/views/mcms/smsProvider/LogModal.vue
@@ -24,11 +24,11 @@
   import { createVNode, defineComponent, reactive, ref } from 'vue';
   import { useI18n } from 'vue-i18n';
   import { columns, searchFormSchema } from './smsLog.data';
-  import { Button } from '/@/components/Button';
-  import { BasicModal, useModalInner } from '/@/components/Modal';
-  import { BasicTable, useTable } from '/@/components/Table';
-  import { useMessage } from '/@/hooks/web/useMessage';
-  import { deleteSmsLog, getSmsLogList } from '/@/api/mcms/smsLog';
+  import { Button } from '@/components/Button';
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { BasicTable, useTable } from '@/components/Table';
+  import { useMessage } from '@/hooks/web/useMessage';
+  import { deleteSmsLog, getSmsLogList } from '@/api/mcms/smsLog';
 
   export default defineComponent({
     components: { BasicModal, BasicTable, DeleteOutlined, Button },
diff --git a/src/views/mcms/smsProvider/SmsProviderDrawer.vue b/src/views/mcms/smsProvider/SmsProviderDrawer.vue
index 8710bc19f..51077f997 100644
--- a/src/views/mcms/smsProvider/SmsProviderDrawer.vue
+++ b/src/views/mcms/smsProvider/SmsProviderDrawer.vue
@@ -12,12 +12,12 @@
 </template>
 <script lang="ts">
   import { defineComponent, ref, computed, unref } from 'vue';
-  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { BasicForm, useForm } from '@/components/Form/index';
   import { formSchema } from './smsProvider.data';
-  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
   import { useI18n } from 'vue-i18n';
 
-  import { createSmsProvider, updateSmsProvider } from '/@/api/mcms/smsProvider';
+  import { createSmsProvider, updateSmsProvider } from '@/api/mcms/smsProvider';
 
   export default defineComponent({
     name: 'SmsProviderDrawer',
diff --git a/src/views/mcms/smsProvider/index.vue b/src/views/mcms/smsProvider/index.vue
index d6b1c9725..b7d49ca4e 100644
--- a/src/views/mcms/smsProvider/index.vue
+++ b/src/views/mcms/smsProvider/index.vue
@@ -58,22 +58,22 @@
   import { createVNode, defineComponent, ref } from 'vue';
   import { Modal } from 'ant-design-vue';
   import { ExclamationCircleOutlined } from '@ant-design/icons-vue/lib/icons';
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import { Button } from '/@/components/Button';
+  import { BasicTable, useTable, TableAction } from '@/components/Table';
+  import { Button } from '@/components/Button';
 
-  import { useDrawer } from '/@/components/Drawer';
+  import { useDrawer } from '@/components/Drawer';
   import SmsProviderDrawer from './SmsProviderDrawer.vue';
   import { useI18n } from 'vue-i18n';
 
   import { columns, searchFormSchema } from './smsProvider.data';
-  import { getSmsProviderList, deleteSmsProvider } from '/@/api/mcms/smsProvider';
+  import { getSmsProviderList, deleteSmsProvider } from '@/api/mcms/smsProvider';
   import LogModal from './LogModal.vue';
-  import { useModal } from '/@/components/Modal/src/hooks/useModal';
-  import { useForm } from '/@/components/Form/src/hooks/useForm';
+  import { useModal } from '@/components/Modal/src/hooks/useModal';
+  import { useForm } from '@/components/Form/src/hooks/useForm';
   import { formSchema } from './sms.data';
-  import { sendSms } from '/@/api/mcms/messageSender';
-  import { BasicModal } from '/@/components/Modal';
-  import { BasicForm } from '/@/components/Form';
+  import { sendSms } from '@/api/mcms/messageSender';
+  import { BasicModal } from '@/components/Modal';
+  import { BasicForm } from '@/components/Form';
 
   export default defineComponent({
     name: 'SmsProviderManagement',
diff --git a/src/views/mcms/smsProvider/sms.data.ts b/src/views/mcms/smsProvider/sms.data.ts
index 0fe6fcced..f834f94c5 100644
--- a/src/views/mcms/smsProvider/sms.data.ts
+++ b/src/views/mcms/smsProvider/sms.data.ts
@@ -1,5 +1,5 @@
-import { FormSchema } from '/@/components/Table';
-import { useI18n } from '/@/hooks/web/useI18n';
+import { FormSchema } from '@/components/Table';
+import { useI18n } from '@/hooks/web/useI18n';
 
 const { t } = useI18n();
 
diff --git a/src/views/mcms/smsProvider/smsLog.data.ts b/src/views/mcms/smsProvider/smsLog.data.ts
index ba2d938cf..405cdd39b 100644
--- a/src/views/mcms/smsProvider/smsLog.data.ts
+++ b/src/views/mcms/smsProvider/smsLog.data.ts
@@ -1,7 +1,7 @@
 import { Tag } from 'ant-design-vue/lib/components';
-import { BasicColumn, FormSchema } from '/@/components/Table';
-import { useI18n } from '/@/hooks/web/useI18n';
-import { formatToDateTime } from '/@/utils/dateUtil';
+import { BasicColumn, FormSchema } from '@/components/Table';
+import { useI18n } from '@/hooks/web/useI18n';
+import { formatToDateTime } from '@/utils/dateUtil';
 import { h } from 'vue';
 
 const { t } = useI18n();
diff --git a/src/views/mcms/smsProvider/smsProvider.data.ts b/src/views/mcms/smsProvider/smsProvider.data.ts
index 135f254b7..8ba4f0e5b 100644
--- a/src/views/mcms/smsProvider/smsProvider.data.ts
+++ b/src/views/mcms/smsProvider/smsProvider.data.ts
@@ -1,10 +1,10 @@
 import { h } from 'vue';
 import { Switch } from 'ant-design-vue';
-import { BasicColumn, FormSchema } from '/@/components/Table';
-import { useI18n } from '/@/hooks/web/useI18n';
-import { formatToDateTime } from '/@/utils/dateUtil';
-import { updateSmsProvider } from '/@/api/mcms/smsProvider';
-import { useRedo } from '/@/hooks/web/usePage';
+import { BasicColumn, FormSchema } from '@/components/Table';
+import { useI18n } from '@/hooks/web/useI18n';
+import { formatToDateTime } from '@/utils/dateUtil';
+import { updateSmsProvider } from '@/api/mcms/smsProvider';
+import { useRedo } from '@/hooks/web/usePage';
 
 const { t } = useI18n();
 
diff --git a/src/views/mms/member/MemberDrawer.vue b/src/views/mms/member/MemberDrawer.vue
index 62a93400b..ff19782df 100644
--- a/src/views/mms/member/MemberDrawer.vue
+++ b/src/views/mms/member/MemberDrawer.vue
@@ -12,9 +12,9 @@
 </template>
 <script lang="ts">
   import { defineComponent, ref, computed, unref } from 'vue';
-  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { BasicForm, useForm } from '@/components/Form/index';
   import { formSchema } from './member.data';
-  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
   import { useI18n } from 'vue-i18n';
 
   import { createMember, updateMember } from '../../../api/member/member';
diff --git a/src/views/mms/member/RankTree.vue b/src/views/mms/member/RankTree.vue
index 71401fb7d..1867d5a16 100644
--- a/src/views/mms/member/RankTree.vue
+++ b/src/views/mms/member/RankTree.vue
@@ -17,8 +17,8 @@
   import { useI18n } from 'vue-i18n';
   import { getMemberRankList } from '../../../api/member/memberRank';
 
-  import { BasicTree, TreeItem } from '/@/components/Tree';
-  import { buildDataNode } from '/@/utils/tree';
+  import { BasicTree, TreeItem } from '@/components/Tree';
+  import { buildDataNode } from '@/utils/tree';
 
   export default defineComponent({
     name: 'RankTree',
diff --git a/src/views/mms/member/index.vue b/src/views/mms/member/index.vue
index 02810dbfc..b44de845d 100644
--- a/src/views/mms/member/index.vue
+++ b/src/views/mms/member/index.vue
@@ -63,20 +63,20 @@
   import { createVNode, defineComponent, reactive, ref } from 'vue';
   import { Modal } from 'ant-design-vue';
   import { ExclamationCircleOutlined } from '@ant-design/icons-vue/lib/icons';
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import { Button } from '/@/components/Button';
+  import { BasicTable, useTable, TableAction } from '@/components/Table';
+  import { Button } from '@/components/Button';
   import RankTree from './RankTree.vue';
 
-  import { useDrawer } from '/@/components/Drawer';
+  import { useDrawer } from '@/components/Drawer';
   import MemberDrawer from './MemberDrawer.vue';
   import { useI18n } from 'vue-i18n';
 
   import { columns, searchFormSchema } from './member.data';
   import { getMemberList, deleteMember } from '../../../api/member/member';
-  import { PageWrapper } from '/@/components/Page';
+  import { PageWrapper } from '@/components/Page';
   import Row from 'ant-design-vue/es/grid/Row';
   import Col from 'ant-design-vue/es/grid/Col';
-  import { logout } from '/@/api/member/token';
+  import { logout } from '@/api/member/token';
 
   export default defineComponent({
     name: 'MemberManagement',
diff --git a/src/views/mms/member/member.data.ts b/src/views/mms/member/member.data.ts
index c374f76c9..dec67e41c 100644
--- a/src/views/mms/member/member.data.ts
+++ b/src/views/mms/member/member.data.ts
@@ -1,11 +1,11 @@
-import { BasicColumn, FormSchema } from '/@/components/Table';
-import { useI18n } from '/@/hooks/web/useI18n';
-import { formatToDateTime } from '/@/utils/dateUtil';
+import { BasicColumn, FormSchema } from '@/components/Table';
+import { useI18n } from '@/hooks/web/useI18n';
+import { formatToDateTime } from '@/utils/dateUtil';
 import { Switch } from 'ant-design-vue';
 import { h } from 'vue';
 import { getMemberRankList } from '../../../api/member/memberRank';
 import { updateMember } from '../../../api/member/member';
-import { uploadApi } from '/@/api/fms/file';
+import { uploadApi } from '@/api/fms/file';
 
 const { t } = useI18n();
 
diff --git a/src/views/mms/memberRank/MemberRankDrawer.vue b/src/views/mms/memberRank/MemberRankDrawer.vue
index e72506d9d..2b2a5f215 100644
--- a/src/views/mms/memberRank/MemberRankDrawer.vue
+++ b/src/views/mms/memberRank/MemberRankDrawer.vue
@@ -12,9 +12,9 @@
 </template>
 <script lang="ts">
   import { defineComponent, ref, computed, unref } from 'vue';
-  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { BasicForm, useForm } from '@/components/Form/index';
   import { formSchema } from './memberRank.data';
-  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
   import { useI18n } from 'vue-i18n';
 
   import { createMemberRank, updateMemberRank } from '../../../api/member/memberRank';
diff --git a/src/views/mms/memberRank/index.vue b/src/views/mms/memberRank/index.vue
index a2a56a2a3..674302ab9 100644
--- a/src/views/mms/memberRank/index.vue
+++ b/src/views/mms/memberRank/index.vue
@@ -46,10 +46,10 @@
   import { createVNode, defineComponent, ref } from 'vue';
   import { Modal } from 'ant-design-vue';
   import { ExclamationCircleOutlined } from '@ant-design/icons-vue/lib/icons';
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import { Button } from '/@/components/Button';
+  import { BasicTable, useTable, TableAction } from '@/components/Table';
+  import { Button } from '@/components/Button';
 
-  import { useDrawer } from '/@/components/Drawer';
+  import { useDrawer } from '@/components/Drawer';
   import MemberRankDrawer from './MemberRankDrawer.vue';
   import { useI18n } from 'vue-i18n';
 
diff --git a/src/views/mms/memberRank/memberRank.data.ts b/src/views/mms/memberRank/memberRank.data.ts
index 692b5033e..0aa78206c 100644
--- a/src/views/mms/memberRank/memberRank.data.ts
+++ b/src/views/mms/memberRank/memberRank.data.ts
@@ -1,6 +1,6 @@
-import { BasicColumn, FormSchema } from '/@/components/Table';
-import { useI18n } from '/@/hooks/web/useI18n';
-import { formatToDateTime } from '/@/utils/dateUtil';
+import { BasicColumn, FormSchema } from '@/components/Table';
+import { useI18n } from '@/hooks/web/useI18n';
+import { formatToDateTime } from '@/utils/dateUtil';
 
 const { t } = useI18n();
 
diff --git a/src/views/mms/oauth/OauthDrawer.vue b/src/views/mms/oauth/OauthDrawer.vue
index 9f2f01246..4cd3e4893 100644
--- a/src/views/mms/oauth/OauthDrawer.vue
+++ b/src/views/mms/oauth/OauthDrawer.vue
@@ -12,12 +12,12 @@
 </template>
 <script lang="ts">
   import { defineComponent, ref, computed, unref } from 'vue';
-  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { BasicForm, useForm } from '@/components/Form/index';
   import { formSchema } from './oauth.data';
-  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
   import { useI18n } from 'vue-i18n';
 
-  import { createOauthProvider, updateOauthProvider } from '/@/api/member/oauthProvider';
+  import { createOauthProvider, updateOauthProvider } from '@/api/member/oauthProvider';
 
   export default defineComponent({
     name: 'OauthDrawer',
diff --git a/src/views/mms/oauth/callback.vue b/src/views/mms/oauth/callback.vue
index 6cdbb72c1..f0c883271 100644
--- a/src/views/mms/oauth/callback.vue
+++ b/src/views/mms/oauth/callback.vue
@@ -5,11 +5,11 @@
   import { message } from 'ant-design-vue';
   import { defineComponent, ref } from 'vue';
   import { useRouter } from 'vue-router';
-  import { oauthLoginCallback } from '/@/api/sys/oauthProvider';
-  import { PageEnum } from '/@/enums/pageEnum';
-  import { useI18n } from '/@/hooks/web/useI18n';
-  import { useGo } from '/@/hooks/web/usePage';
-  import { useUserStore } from '/@/store/modules/user';
+  import { oauthLoginCallback } from '@/api/sys/oauthProvider';
+  import { PageEnum } from '@/enums/pageEnum';
+  import { useI18n } from '@/hooks/web/useI18n';
+  import { useGo } from '@/hooks/web/usePage';
+  import { useUserStore } from '@/store/modules/user';
 
   export default defineComponent({
     name: 'OauthCallbackPage',
diff --git a/src/views/mms/oauth/index.vue b/src/views/mms/oauth/index.vue
index cc7087a29..6873b95b4 100644
--- a/src/views/mms/oauth/index.vue
+++ b/src/views/mms/oauth/index.vue
@@ -32,15 +32,15 @@
 <script lang="ts">
   import { defineComponent } from 'vue';
 
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
+  import { BasicTable, useTable, TableAction } from '@/components/Table';
 
-  import { useDrawer } from '/@/components/Drawer';
+  import { useDrawer } from '@/components/Drawer';
   import OauthDrawer from './OauthDrawer.vue';
   import { useI18n } from 'vue-i18n';
 
   import { columns } from './oauth.data';
-  import { getOauthProviderList, deleteOauthProvider } from '/@/api/member/oauthProvider';
-  import { PageWrapper } from '/@/components/Page';
+  import { getOauthProviderList, deleteOauthProvider } from '@/api/member/oauthProvider';
+  import { PageWrapper } from '@/components/Page';
 
   export default defineComponent({
     name: 'OauthManagement',
diff --git a/src/views/mms/oauth/oauth.data.ts b/src/views/mms/oauth/oauth.data.ts
index 9bc876c12..4f3eac28f 100644
--- a/src/views/mms/oauth/oauth.data.ts
+++ b/src/views/mms/oauth/oauth.data.ts
@@ -1,6 +1,6 @@
-import { BasicColumn, FormSchema } from '/@/components/Table';
-import { useI18n } from '/@/hooks/web/useI18n';
-import { formatToDateTime } from '/@/utils/dateUtil';
+import { BasicColumn, FormSchema } from '@/components/Table';
+import { useI18n } from '@/hooks/web/useI18n';
+import { formatToDateTime } from '@/utils/dateUtil';
 
 const { t } = useI18n();
 
diff --git a/src/views/mms/token/index.vue b/src/views/mms/token/index.vue
index 63945698d..be538dd88 100644
--- a/src/views/mms/token/index.vue
+++ b/src/views/mms/token/index.vue
@@ -36,13 +36,13 @@
   import { createVNode, defineComponent, ref } from 'vue';
   import { Modal } from 'ant-design-vue';
   import { ExclamationCircleOutlined } from '@ant-design/icons-vue/lib/icons';
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import { Button } from '/@/components/Button';
+  import { BasicTable, useTable, TableAction } from '@/components/Table';
+  import { Button } from '@/components/Button';
 
   import { useI18n } from 'vue-i18n';
 
   import { columns, searchFormSchema } from './token.data';
-  import { getTokenList, deleteToken } from '/@/api/member/token';
+  import { getTokenList, deleteToken } from '@/api/member/token';
 
   export default defineComponent({
     name: 'TokenManagement',
diff --git a/src/views/mms/token/token.data.ts b/src/views/mms/token/token.data.ts
index b61c827ed..7d1d410fe 100644
--- a/src/views/mms/token/token.data.ts
+++ b/src/views/mms/token/token.data.ts
@@ -1,7 +1,7 @@
-import { BasicColumn, FormSchema } from '/@/components/Table';
-import { useI18n } from '/@/hooks/web/useI18n';
-import { formatToDateTime } from '/@/utils/dateUtil';
-import { updateToken } from '/@/api/member/token';
+import { BasicColumn, FormSchema } from '@/components/Table';
+import { useI18n } from '@/hooks/web/useI18n';
+import { formatToDateTime } from '@/utils/dateUtil';
+import { updateToken } from '@/api/member/token';
 import { Switch } from 'ant-design-vue';
 import { h } from 'vue';
 
diff --git a/src/views/sys/about/index.vue b/src/views/sys/about/index.vue
index 1b2cf3725..c9347698f 100644
--- a/src/views/sys/about/index.vue
+++ b/src/views/sys/about/index.vue
@@ -17,9 +17,9 @@
 <script lang="ts" setup>
   import { h } from 'vue';
   import { Tag } from 'ant-design-vue';
-  import { PageWrapper } from '/@/components/Page';
-  import { Description, DescItem, useDescription } from '/@/components/Description/index';
-  import { GITHUB_URL, SITE_URL, DOC_URL } from '/@/settings/siteSetting';
+  import { PageWrapper } from '@/components/Page';
+  import { Description, DescItem, useDescription } from '@/components/Description/index';
+  import { GITHUB_URL, SITE_URL, DOC_URL } from '@/settings/siteSetting';
 
   const { pkg, lastBuildTime } = __APP_INFO__;
 
diff --git a/src/views/sys/api/ApiDrawer.vue b/src/views/sys/api/ApiDrawer.vue
index 28b2b8035..7f6f61095 100644
--- a/src/views/sys/api/ApiDrawer.vue
+++ b/src/views/sys/api/ApiDrawer.vue
@@ -12,11 +12,11 @@
 </template>
 <script lang="ts">
   import { defineComponent, ref, computed, unref } from 'vue';
-  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { BasicForm, useForm } from '@/components/Form/index';
   import { formSchema } from './api.data';
-  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
   import { useI18n } from 'vue-i18n';
-  import { createApi, updateApi } from '/@/api/sys/api';
+  import { createApi, updateApi } from '@/api/sys/api';
 
   export default defineComponent({
     name: 'ApiDrawer',
diff --git a/src/views/sys/api/api.data.ts b/src/views/sys/api/api.data.ts
index 3ae68ac7e..00e0af715 100644
--- a/src/views/sys/api/api.data.ts
+++ b/src/views/sys/api/api.data.ts
@@ -1,7 +1,7 @@
 import { h } from 'vue';
-import { BasicColumn, FormSchema } from '/@/components/Table';
-import { useI18n } from '/@/hooks/web/useI18n';
-import { formatToDateTime } from '/@/utils/dateUtil';
+import { BasicColumn, FormSchema } from '@/components/Table';
+import { useI18n } from '@/hooks/web/useI18n';
+import { formatToDateTime } from '@/utils/dateUtil';
 import { Tag } from 'ant-design-vue';
 
 const { t } = useI18n();
diff --git a/src/views/sys/api/index.vue b/src/views/sys/api/index.vue
index 60fe7b355..b831bde01 100644
--- a/src/views/sys/api/index.vue
+++ b/src/views/sys/api/index.vue
@@ -46,15 +46,15 @@
   import { createVNode, defineComponent, ref } from 'vue';
   import { Modal } from 'ant-design-vue';
   import { ExclamationCircleOutlined } from '@ant-design/icons-vue/lib/icons';
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import { Button } from '/@/components/Button';
+  import { BasicTable, useTable, TableAction } from '@/components/Table';
+  import { Button } from '@/components/Button';
 
-  import { useDrawer } from '/@/components/Drawer';
+  import { useDrawer } from '@/components/Drawer';
   import ApiDrawer from './ApiDrawer.vue';
   import { useI18n } from 'vue-i18n';
 
   import { columns, searchFormSchema } from './api.data';
-  import { getApiList, deleteApi } from '/@/api/sys/api';
+  import { getApiList, deleteApi } from '@/api/sys/api';
 
   export default defineComponent({
     name: 'ApiManagement',
diff --git a/src/views/sys/department/DepartmentDrawer.vue b/src/views/sys/department/DepartmentDrawer.vue
index 579088b95..96a7f97fa 100644
--- a/src/views/sys/department/DepartmentDrawer.vue
+++ b/src/views/sys/department/DepartmentDrawer.vue
@@ -12,12 +12,12 @@
 </template>
 <script lang="ts">
   import { defineComponent, ref, computed, unref } from 'vue';
-  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { BasicForm, useForm } from '@/components/Form/index';
   import { formSchema } from './department.data';
-  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
   import { useI18n } from 'vue-i18n';
 
-  import { createDepartment, updateDepartment } from '/@/api/sys/department';
+  import { createDepartment, updateDepartment } from '@/api/sys/department';
 
   export default defineComponent({
     name: 'DepartmentDrawer',
diff --git a/src/views/sys/department/department.data.ts b/src/views/sys/department/department.data.ts
index 5e55b808c..0d9b1b166 100644
--- a/src/views/sys/department/department.data.ts
+++ b/src/views/sys/department/department.data.ts
@@ -1,10 +1,10 @@
-import { BasicColumn, FormSchema } from '/@/components/Table';
-import { useI18n } from '/@/hooks/web/useI18n';
-import { formatToDateTime } from '/@/utils/dateUtil';
-import { getDepartmentList, updateDepartment } from '/@/api/sys/department';
+import { BasicColumn, FormSchema } from '@/components/Table';
+import { useI18n } from '@/hooks/web/useI18n';
+import { formatToDateTime } from '@/utils/dateUtil';
+import { getDepartmentList, updateDepartment } from '@/api/sys/department';
 import { Switch } from 'ant-design-vue';
 import { h } from 'vue';
-import { ParentIdEnum } from '/@/enums/appEnum';
+import { ParentIdEnum } from '@/enums/appEnum';
 
 const { t } = useI18n();
 
diff --git a/src/views/sys/department/index.vue b/src/views/sys/department/index.vue
index 7028425d7..d938c2580 100644
--- a/src/views/sys/department/index.vue
+++ b/src/views/sys/department/index.vue
@@ -46,15 +46,15 @@
   import { createVNode, defineComponent, ref } from 'vue';
   import { Modal } from 'ant-design-vue';
   import { ExclamationCircleOutlined } from '@ant-design/icons-vue/lib/icons';
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import { Button } from '/@/components/Button';
+  import { BasicTable, useTable, TableAction } from '@/components/Table';
+  import { Button } from '@/components/Button';
 
-  import { useDrawer } from '/@/components/Drawer';
+  import { useDrawer } from '@/components/Drawer';
   import DepartmentDrawer from './DepartmentDrawer.vue';
   import { useI18n } from 'vue-i18n';
 
   import { columns, searchFormSchema } from './department.data';
-  import { getDepartmentList, deleteDepartment } from '/@/api/sys/department';
+  import { getDepartmentList, deleteDepartment } from '@/api/sys/department';
 
   export default defineComponent({
     name: 'DepartmentManagement',
diff --git a/src/views/sys/dictionary/DictionaryDrawer.vue b/src/views/sys/dictionary/DictionaryDrawer.vue
index 883fc9251..bf308fc8d 100644
--- a/src/views/sys/dictionary/DictionaryDrawer.vue
+++ b/src/views/sys/dictionary/DictionaryDrawer.vue
@@ -17,13 +17,13 @@
 </template>
 <script lang="ts">
   import { defineComponent, ref, computed, unref } from 'vue';
-  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { BasicForm, useForm } from '@/components/Form/index';
   import { formSchema } from './dictionary.data';
-  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
   import { useI18n } from 'vue-i18n';
-  import { useGo } from '/@/hooks/web/usePage';
+  import { useGo } from '@/hooks/web/usePage';
 
-  import { createDictionary, updateDictionary } from '/@/api/sys/dictionary';
+  import { createDictionary, updateDictionary } from '@/api/sys/dictionary';
 
   export default defineComponent({
     name: 'DictionaryDrawer',
diff --git a/src/views/sys/dictionary/dictionary.data.ts b/src/views/sys/dictionary/dictionary.data.ts
index d0c407df2..8715cff51 100644
--- a/src/views/sys/dictionary/dictionary.data.ts
+++ b/src/views/sys/dictionary/dictionary.data.ts
@@ -1,7 +1,7 @@
-import { BasicColumn, FormSchema } from '/@/components/Table';
-import { useI18n } from '/@/hooks/web/useI18n';
-import { formatToDateTime } from '/@/utils/dateUtil';
-import { updateDictionary } from '/@/api/sys/dictionary';
+import { BasicColumn, FormSchema } from '@/components/Table';
+import { useI18n } from '@/hooks/web/useI18n';
+import { formatToDateTime } from '@/utils/dateUtil';
+import { updateDictionary } from '@/api/sys/dictionary';
 import { Switch } from 'ant-design-vue';
 import { h } from 'vue';
 
diff --git a/src/views/sys/dictionary/index.vue b/src/views/sys/dictionary/index.vue
index 877fbaaf7..4534cd276 100644
--- a/src/views/sys/dictionary/index.vue
+++ b/src/views/sys/dictionary/index.vue
@@ -50,16 +50,16 @@
   import { createVNode, defineComponent, ref } from 'vue';
   import { Modal } from 'ant-design-vue';
   import { ExclamationCircleOutlined } from '@ant-design/icons-vue/lib/icons';
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import { Button } from '/@/components/Button';
+  import { BasicTable, useTable, TableAction } from '@/components/Table';
+  import { Button } from '@/components/Button';
 
-  import { useDrawer } from '/@/components/Drawer';
+  import { useDrawer } from '@/components/Drawer';
   import DictionaryDrawer from './DictionaryDrawer.vue';
   import { useI18n } from 'vue-i18n';
 
   import { columns, searchFormSchema } from './dictionary.data';
-  import { getDictionaryList, deleteDictionary } from '/@/api/sys/dictionary';
-  import { useGo } from '/@/hooks/web/usePage';
+  import { getDictionaryList, deleteDictionary } from '@/api/sys/dictionary';
+  import { useGo } from '@/hooks/web/usePage';
 
   export default defineComponent({
     name: 'DictionaryManagement',
diff --git a/src/views/sys/dictionaryDetail/DictionaryDetailDrawer.vue b/src/views/sys/dictionaryDetail/DictionaryDetailDrawer.vue
index aa866ab74..5a70f5552 100644
--- a/src/views/sys/dictionaryDetail/DictionaryDetailDrawer.vue
+++ b/src/views/sys/dictionaryDetail/DictionaryDetailDrawer.vue
@@ -12,12 +12,12 @@
 </template>
 <script lang="ts">
   import { defineComponent, ref, computed, unref } from 'vue';
-  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { BasicForm, useForm } from '@/components/Form/index';
   import { formSchema } from './dictionaryDetail.data';
-  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
   import { useI18n } from 'vue-i18n';
 
-  import { createDictionaryDetail, updateDictionaryDetail } from '/@/api/sys/dictionaryDetail';
+  import { createDictionaryDetail, updateDictionaryDetail } from '@/api/sys/dictionaryDetail';
 
   export default defineComponent({
     name: 'DictionaryDetailDrawer',
diff --git a/src/views/sys/dictionaryDetail/dictionaryDetail.data.ts b/src/views/sys/dictionaryDetail/dictionaryDetail.data.ts
index 1a64eb72b..33d7fc2ab 100644
--- a/src/views/sys/dictionaryDetail/dictionaryDetail.data.ts
+++ b/src/views/sys/dictionaryDetail/dictionaryDetail.data.ts
@@ -1,10 +1,10 @@
-import { BasicColumn, FormSchema } from '/@/components/Table';
-import { useI18n } from '/@/hooks/web/useI18n';
-import { formatToDateTime } from '/@/utils/dateUtil';
-import { updateDictionaryDetail } from '/@/api/sys/dictionaryDetail';
+import { BasicColumn, FormSchema } from '@/components/Table';
+import { useI18n } from '@/hooks/web/useI18n';
+import { formatToDateTime } from '@/utils/dateUtil';
+import { updateDictionaryDetail } from '@/api/sys/dictionaryDetail';
 import { Switch } from 'ant-design-vue';
 import { h } from 'vue';
-import { getDictionaryList } from '/@/api/sys/dictionary';
+import { getDictionaryList } from '@/api/sys/dictionary';
 
 const { t } = useI18n();
 
diff --git a/src/views/sys/dictionaryDetail/index.vue b/src/views/sys/dictionaryDetail/index.vue
index 139722e83..b151e00c0 100644
--- a/src/views/sys/dictionaryDetail/index.vue
+++ b/src/views/sys/dictionaryDetail/index.vue
@@ -46,15 +46,15 @@
   import { createVNode, defineComponent, reactive, ref, unref } from 'vue';
   import { Modal } from 'ant-design-vue';
   import { ExclamationCircleOutlined } from '@ant-design/icons-vue/lib/icons';
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import { Button } from '/@/components/Button';
+  import { BasicTable, useTable, TableAction } from '@/components/Table';
+  import { Button } from '@/components/Button';
 
-  import { useDrawer } from '/@/components/Drawer';
+  import { useDrawer } from '@/components/Drawer';
   import DictionaryDetailDrawer from './DictionaryDetailDrawer.vue';
   import { useI18n } from 'vue-i18n';
 
   import { columns, searchFormSchema } from './dictionaryDetail.data';
-  import { getDictionaryDetailList, deleteDictionaryDetail } from '/@/api/sys/dictionaryDetail';
+  import { getDictionaryDetailList, deleteDictionaryDetail } from '@/api/sys/dictionaryDetail';
   import { useRouter } from 'vue-router';
 
   export default defineComponent({
diff --git a/src/views/sys/exception/Exception.vue b/src/views/sys/exception/Exception.vue
index a8a6add36..1a7fcd51b 100644
--- a/src/views/sys/exception/Exception.vue
+++ b/src/views/sys/exception/Exception.vue
@@ -2,14 +2,14 @@
   import type { PropType } from 'vue';
   import { Result, Button } from 'ant-design-vue';
   import { defineComponent, ref, computed, unref } from 'vue';
-  import { ExceptionEnum } from '/@/enums/exceptionEnum';
-  import notDataSvg from '/@/assets/svg/no-data.svg';
-  import netWorkSvg from '/@/assets/svg/net-error.svg';
+  import { ExceptionEnum } from '@/enums/exceptionEnum';
+  import notDataSvg from '@/assets/svg/no-data.svg';
+  import netWorkSvg from '@/assets/svg/net-error.svg';
   import { useRoute } from 'vue-router';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { useI18n } from '/@/hooks/web/useI18n';
-  import { useGo, useRedo } from '/@/hooks/web/usePage';
-  import { PageEnum } from '/@/enums/pageEnum';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { useI18n } from '@/hooks/web/useI18n';
+  import { useGo, useRedo } from '@/hooks/web/usePage';
+  import { PageEnum } from '@/enums/pageEnum';
 
   interface MapValue {
     title: string;
diff --git a/src/views/sys/initialize/index.vue b/src/views/sys/initialize/index.vue
index 497f1076a..759f3a241 100644
--- a/src/views/sys/initialize/index.vue
+++ b/src/views/sys/initialize/index.vue
@@ -75,7 +75,7 @@
 </template>
 <script lang="ts" setup>
   import { Col, Row, Card, message, Input, Divider } from 'ant-design-vue';
-  import { PageWrapper } from '/@/components/Page';
+  import { PageWrapper } from '@/components/Page';
   import { useI18n } from 'vue-i18n';
   import { ref } from 'vue';
   // api
@@ -83,9 +83,9 @@
     initializeJobDatabase,
     initializeMcmsDatabase,
     initialzeCoreDatabase,
-  } from '/@/api/sys/initialize';
-  import { initializeFileDatabase } from '/@/api/fms/initialize';
-  import { initializeMMSDatabase } from '/@/api/member/initialize';
+  } from '@/api/sys/initialize';
+  import { initializeFileDatabase } from '@/api/fms/initialize';
+  import { initializeMMSDatabase } from '@/api/member/initialize';
 
   const { t } = useI18n();
   const ACard = Card;
diff --git a/src/views/sys/lock/LockPage.vue b/src/views/sys/lock/LockPage.vue
index 6e1963a2f..5dfe554ea 100644
--- a/src/views/sys/lock/LockPage.vue
+++ b/src/views/sys/lock/LockPage.vue
@@ -79,13 +79,13 @@
 <script lang="ts" setup>
   import { ref, computed } from 'vue';
   import { Input } from 'ant-design-vue';
-  import { useUserStore } from '/@/store/modules/user';
-  import { useLockStore } from '/@/store/modules/lock';
-  import { useI18n } from '/@/hooks/web/useI18n';
+  import { useUserStore } from '@/store/modules/user';
+  import { useLockStore } from '@/store/modules/lock';
+  import { useI18n } from '@/hooks/web/useI18n';
   import { useNow } from './useNow';
-  import { useDesign } from '/@/hooks/web/useDesign';
+  import { useDesign } from '@/hooks/web/useDesign';
   import { LockOutlined } from '@ant-design/icons-vue';
-  import headerImg from '/@/assets/images/header.jpg';
+  import headerImg from '@/assets/images/header.jpg';
 
   const InputPassword = Input.Password;
 
diff --git a/src/views/sys/lock/index.vue b/src/views/sys/lock/index.vue
index e8c4d5525..4af9f81f8 100644
--- a/src/views/sys/lock/index.vue
+++ b/src/views/sys/lock/index.vue
@@ -6,7 +6,7 @@
 <script lang="ts" setup>
   import { computed } from 'vue';
   import LockPage from './LockPage.vue';
-  import { useLockStore } from '/@/store/modules/lock';
+  import { useLockStore } from '@/store/modules/lock';
 
   const lockStore = useLockStore();
   const getIsLock = computed(() => lockStore?.getLockInfo?.isLock ?? false);
diff --git a/src/views/sys/lock/useNow.ts b/src/views/sys/lock/useNow.ts
index ee461fc3e..dafc9abd4 100644
--- a/src/views/sys/lock/useNow.ts
+++ b/src/views/sys/lock/useNow.ts
@@ -1,4 +1,4 @@
-import { dateUtil } from '/@/utils/dateUtil';
+import { dateUtil } from '@/utils/dateUtil';
 import { reactive, toRefs } from 'vue';
 import { tryOnMounted, tryOnUnmounted } from '@vueuse/core';
 
diff --git a/src/views/sys/login/ForgetPasswordForm.vue b/src/views/sys/login/ForgetPasswordForm.vue
index 15be5ab5e..9bedabb1a 100644
--- a/src/views/sys/login/ForgetPasswordForm.vue
+++ b/src/views/sys/login/ForgetPasswordForm.vue
@@ -63,12 +63,12 @@
   import { reactive, ref, computed, unref } from 'vue';
   import LoginFormTitle from './LoginFormTitle.vue';
   import { Form, Input, Button, RadioGroup, RadioButton } from 'ant-design-vue';
-  import { CountdownInput } from '/@/components/CountDown';
-  import { useI18n } from '/@/hooks/web/useI18n';
+  import { CountdownInput } from '@/components/CountDown';
+  import { useI18n } from '@/hooks/web/useI18n';
   import { useLoginState, useFormRules, LoginStateEnum } from './useLogin';
-  import { getEmailCaptcha, getSmsCaptcha } from '/@/api/sys/captcha';
-  import { resetPasswordByEmail, resetPasswordBySms } from '/@/api/sys/user';
-  import { useMessage } from '/@/hooks/web/useMessage';
+  import { getEmailCaptcha, getSmsCaptcha } from '@/api/sys/captcha';
+  import { resetPasswordByEmail, resetPasswordBySms } from '@/api/sys/user';
+  import { useMessage } from '@/hooks/web/useMessage';
 
   const FormItem = Form.Item;
   const ARadioGroup = RadioGroup;
diff --git a/src/views/sys/login/Login.vue b/src/views/sys/login/Login.vue
index fbd4d476b..c28165a5f 100644
--- a/src/views/sys/login/Login.vue
+++ b/src/views/sys/login/Login.vue
@@ -48,15 +48,15 @@
 </template>
 <script lang="ts" setup>
   import { computed } from 'vue';
-  import { AppLogo, AppLocalePicker, AppDarkModeToggle } from '/@/components/Application';
+  import { AppLogo, AppLocalePicker, AppDarkModeToggle } from '@/components/Application';
   import LoginForm from './LoginForm.vue';
   import ForgetPasswordForm from './ForgetPasswordForm.vue';
   import RegisterForm from './RegisterForm.vue';
   import QrCodeForm from './QrCodeForm.vue';
-  import { useGlobSetting } from '/@/hooks/setting';
-  import { useI18n } from '/@/hooks/web/useI18n';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { useLocaleStore } from '/@/store/modules/locale';
+  import { useGlobSetting } from '@/hooks/setting';
+  import { useI18n } from '@/hooks/web/useI18n';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { useLocaleStore } from '@/store/modules/locale';
 
   defineProps({
     sessionTimeout: {
@@ -82,7 +82,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,
@@ -129,7 +129,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/src/views/sys/login/LoginForm.vue b/src/views/sys/login/LoginForm.vue
index 23c18cb28..08271d60a 100644
--- a/src/views/sys/login/LoginForm.vue
+++ b/src/views/sys/login/LoginForm.vue
@@ -155,16 +155,16 @@
   import { GithubFilled, GoogleCircleFilled } from '@ant-design/icons-vue';
   import LoginFormTitle from './LoginFormTitle.vue';
 
-  import { useI18n } from '/@/hooks/web/useI18n';
+  import { useI18n } from '@/hooks/web/useI18n';
 
-  import { useUserStore } from '/@/store/modules/user';
+  import { useUserStore } from '@/store/modules/user';
   import { LoginStateEnum, useLoginState, useFormRules, useFormValid } from './useLogin';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { getCaptcha, getEmailCaptcha, getSmsCaptcha } from '/@/api/sys/captcha';
-  import { useGo } from '/@/hooks/web/usePage';
-  import { PageEnum } from '/@/enums/pageEnum';
-  import { oauthLogin } from '/@/api/sys/oauthProvider';
-  import { CountdownInput } from '/@/components/CountDown';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { getCaptcha, getEmailCaptcha, getSmsCaptcha } from '@/api/sys/captcha';
+  import { useGo } from '@/hooks/web/usePage';
+  import { PageEnum } from '@/enums/pageEnum';
+  import { oauthLogin } from '@/api/sys/oauthProvider';
+  import { CountdownInput } from '@/components/CountDown';
 
   const ACol = Col;
   const ARow = Row;
diff --git a/src/views/sys/login/LoginFormTitle.vue b/src/views/sys/login/LoginFormTitle.vue
index 99fa7b6aa..f171c7c2f 100644
--- a/src/views/sys/login/LoginFormTitle.vue
+++ b/src/views/sys/login/LoginFormTitle.vue
@@ -5,7 +5,7 @@
 </template>
 <script lang="ts" setup>
   import { computed, unref } from 'vue';
-  import { useI18n } from '/@/hooks/web/useI18n';
+  import { useI18n } from '@/hooks/web/useI18n';
   import { LoginStateEnum, useLoginState } from './useLogin';
 
   const { t } = useI18n();
diff --git a/src/views/sys/login/QrCodeForm.vue b/src/views/sys/login/QrCodeForm.vue
index dec122be6..84f6856f3 100644
--- a/src/views/sys/login/QrCodeForm.vue
+++ b/src/views/sys/login/QrCodeForm.vue
@@ -18,7 +18,7 @@
   import { computed, unref } from 'vue';
   import LoginFormTitle from './LoginFormTitle.vue';
   import { Button, Divider, QRCode } from 'ant-design-vue';
-  import { useI18n } from '/@/hooks/web/useI18n';
+  import { useI18n } from '@/hooks/web/useI18n';
   import { useLoginState, LoginStateEnum } from './useLogin';
 
   const qrCodeUrl = 'https://doc.ryansu.tech';
diff --git a/src/views/sys/login/RegisterForm.vue b/src/views/sys/login/RegisterForm.vue
index b4ce74f2b..94ed204a2 100644
--- a/src/views/sys/login/RegisterForm.vue
+++ b/src/views/sys/login/RegisterForm.vue
@@ -147,12 +147,12 @@
   import { reactive, ref, unref, computed } from 'vue';
   import LoginFormTitle from './LoginFormTitle.vue';
   import { Form, Input, Button, Checkbox, RadioGroup, RadioButton, Image } from 'ant-design-vue';
-  import { StrengthMeter } from '/@/components/StrengthMeter';
-  import { useI18n } from '/@/hooks/web/useI18n';
+  import { StrengthMeter } from '@/components/StrengthMeter';
+  import { useI18n } from '@/hooks/web/useI18n';
   import { useLoginState, useFormRules, useFormValid, LoginStateEnum } from './useLogin';
-  import { register, registerByEmail, registerBySms } from '/@/api/sys/user';
-  import { getCaptcha, getEmailCaptcha, getSmsCaptcha } from '/@/api/sys/captcha';
-  import { CountdownInput } from '/@/components/CountDown';
+  import { register, registerByEmail, registerBySms } from '@/api/sys/user';
+  import { getCaptcha, getEmailCaptcha, getSmsCaptcha } from '@/api/sys/captcha';
+  import { CountdownInput } from '@/components/CountDown';
 
   const FormItem = Form.Item;
   const InputPassword = Input.Password;
diff --git a/src/views/sys/login/SessionTimeoutLogin.vue b/src/views/sys/login/SessionTimeoutLogin.vue
index 541d1734c..b40bb622f 100644
--- a/src/views/sys/login/SessionTimeoutLogin.vue
+++ b/src/views/sys/login/SessionTimeoutLogin.vue
@@ -8,11 +8,11 @@
 <script lang="ts" setup>
   import { onBeforeUnmount, onMounted, ref } from 'vue';
   import Login from './Login.vue';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { useUserStore } from '/@/store/modules/user';
-  import { usePermissionStore } from '/@/store/modules/permission';
-  import { useAppStore } from '/@/store/modules/app';
-  import { PermissionModeEnum } from '/@/enums/appEnum';
+  import { useDesign } from '@/hooks/web/useDesign';
+  import { useUserStore } from '@/store/modules/user';
+  import { usePermissionStore } from '@/store/modules/permission';
+  import { useAppStore } from '@/store/modules/app';
+  import { PermissionModeEnum } from '@/enums/appEnum';
 
   const { prefixCls } = useDesign('st-login');
   const userStore = useUserStore();
diff --git a/src/views/sys/login/useLogin.ts b/src/views/sys/login/useLogin.ts
index 5ee9552fb..97d61db4c 100644
--- a/src/views/sys/login/useLogin.ts
+++ b/src/views/sys/login/useLogin.ts
@@ -1,7 +1,7 @@
 import type { Rule } from 'ant-design-vue/es/form';
 import type { RuleObject } from 'ant-design-vue/lib/form/interface';
 import { ref, computed, unref, Ref } from 'vue';
-import { useI18n } from '/@/hooks/web/useI18n';
+import { useI18n } from '@/hooks/web/useI18n';
 
 export enum LoginStateEnum {
   LOGIN,
diff --git a/src/views/sys/menu/MenuDrawer.vue b/src/views/sys/menu/MenuDrawer.vue
index a1b948c31..c96776f5d 100644
--- a/src/views/sys/menu/MenuDrawer.vue
+++ b/src/views/sys/menu/MenuDrawer.vue
@@ -12,12 +12,12 @@
 </template>
 <script lang="ts">
   import { defineComponent, ref, computed, unref } from 'vue';
-  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { BasicForm, useForm } from '@/components/Form/index';
   import { extraParamColumns, formSchema } from './menu.data';
-  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
   import { useI18n } from 'vue-i18n';
-  import { createMenu, updateMenu } from '/@/api/sys/menu';
-  import { useMessage } from '/@/hooks/web/useMessage';
+  import { createMenu, updateMenu } from '@/api/sys/menu';
+  import { useMessage } from '@/hooks/web/useMessage';
 
   export default defineComponent({
     name: 'MenuDrawer',
diff --git a/src/views/sys/menu/index.vue b/src/views/sys/menu/index.vue
index 2350f6ab5..c7feb5951 100644
--- a/src/views/sys/menu/index.vue
+++ b/src/views/sys/menu/index.vue
@@ -32,15 +32,15 @@
 <script lang="ts">
   import { defineComponent } from 'vue';
 
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
+  import { BasicTable, useTable, TableAction } from '@/components/Table';
   import { useI18n } from 'vue-i18n';
-  import { deleteMenu, getMenuList } from '/@/api/sys/menu';
+  import { deleteMenu, getMenuList } from '@/api/sys/menu';
 
-  import { useDrawer } from '/@/components/Drawer';
+  import { useDrawer } from '@/components/Drawer';
   import MenuDrawer from './MenuDrawer.vue';
 
   import { columns } from './menu.data';
-  import { PageWrapper } from '/@/components/Page';
+  import { PageWrapper } from '@/components/Page';
 
   export default defineComponent({
     name: 'MenuManagement',
diff --git a/src/views/sys/menu/menu.data.ts b/src/views/sys/menu/menu.data.ts
index 95d805c54..ef7792655 100644
--- a/src/views/sys/menu/menu.data.ts
+++ b/src/views/sys/menu/menu.data.ts
@@ -1,12 +1,12 @@
-import { BasicColumn, FormSchema } from '/@/components/Table';
+import { BasicColumn, FormSchema } from '@/components/Table';
 import { h } from 'vue';
 import { Tag } from 'ant-design-vue';
 import Icon from '@/components/Icon/Icon.vue';
-import { useI18n } from '/@/hooks/web/useI18n';
-import { formatToDateTime } from '/@/utils/dateUtil';
-import { getMenuList } from '/@/api/sys/menu';
+import { useI18n } from '@/hooks/web/useI18n';
+import { formatToDateTime } from '@/utils/dateUtil';
+import { getMenuList } from '@/api/sys/menu';
 import { ColumnType } from 'ant-design-vue/lib/table';
-import { ParentIdEnum } from '/@/enums/appEnum';
+import { ParentIdEnum } from '@/enums/appEnum';
 
 const { t } = useI18n();
 
diff --git a/src/views/sys/oauth/OauthDrawer.vue b/src/views/sys/oauth/OauthDrawer.vue
index b06fd1d65..eff49f40e 100644
--- a/src/views/sys/oauth/OauthDrawer.vue
+++ b/src/views/sys/oauth/OauthDrawer.vue
@@ -12,12 +12,12 @@
 </template>
 <script lang="ts">
   import { defineComponent, ref, computed, unref } from 'vue';
-  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { BasicForm, useForm } from '@/components/Form/index';
   import { formSchema } from './oauth.data';
-  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
   import { useI18n } from 'vue-i18n';
 
-  import { createOauthProvider, updateOauthProvider } from '/@/api/sys/oauthProvider';
+  import { createOauthProvider, updateOauthProvider } from '@/api/sys/oauthProvider';
 
   export default defineComponent({
     name: 'OauthDrawer',
diff --git a/src/views/sys/oauth/callback.vue b/src/views/sys/oauth/callback.vue
index 6cdbb72c1..f0c883271 100644
--- a/src/views/sys/oauth/callback.vue
+++ b/src/views/sys/oauth/callback.vue
@@ -5,11 +5,11 @@
   import { message } from 'ant-design-vue';
   import { defineComponent, ref } from 'vue';
   import { useRouter } from 'vue-router';
-  import { oauthLoginCallback } from '/@/api/sys/oauthProvider';
-  import { PageEnum } from '/@/enums/pageEnum';
-  import { useI18n } from '/@/hooks/web/useI18n';
-  import { useGo } from '/@/hooks/web/usePage';
-  import { useUserStore } from '/@/store/modules/user';
+  import { oauthLoginCallback } from '@/api/sys/oauthProvider';
+  import { PageEnum } from '@/enums/pageEnum';
+  import { useI18n } from '@/hooks/web/useI18n';
+  import { useGo } from '@/hooks/web/usePage';
+  import { useUserStore } from '@/store/modules/user';
 
   export default defineComponent({
     name: 'OauthCallbackPage',
diff --git a/src/views/sys/oauth/index.vue b/src/views/sys/oauth/index.vue
index 2ad913c8e..7a0a58828 100644
--- a/src/views/sys/oauth/index.vue
+++ b/src/views/sys/oauth/index.vue
@@ -32,15 +32,15 @@
 <script lang="ts">
   import { defineComponent } from 'vue';
 
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
+  import { BasicTable, useTable, TableAction } from '@/components/Table';
 
-  import { useDrawer } from '/@/components/Drawer';
+  import { useDrawer } from '@/components/Drawer';
   import OauthDrawer from './OauthDrawer.vue';
   import { useI18n } from 'vue-i18n';
 
   import { columns } from './oauth.data';
-  import { getOauthProviderList, deleteOauthProvider } from '/@/api/sys/oauthProvider';
-  import { PageWrapper } from '/@/components/Page';
+  import { getOauthProviderList, deleteOauthProvider } from '@/api/sys/oauthProvider';
+  import { PageWrapper } from '@/components/Page';
 
   export default defineComponent({
     name: 'OauthManagement',
diff --git a/src/views/sys/oauth/oauth.data.ts b/src/views/sys/oauth/oauth.data.ts
index 9bc876c12..4f3eac28f 100644
--- a/src/views/sys/oauth/oauth.data.ts
+++ b/src/views/sys/oauth/oauth.data.ts
@@ -1,6 +1,6 @@
-import { BasicColumn, FormSchema } from '/@/components/Table';
-import { useI18n } from '/@/hooks/web/useI18n';
-import { formatToDateTime } from '/@/utils/dateUtil';
+import { BasicColumn, FormSchema } from '@/components/Table';
+import { useI18n } from '@/hooks/web/useI18n';
+import { formatToDateTime } from '@/utils/dateUtil';
 
 const { t } = useI18n();
 
diff --git a/src/views/sys/position/PositionDrawer.vue b/src/views/sys/position/PositionDrawer.vue
index b08517f01..1ca4b5e58 100644
--- a/src/views/sys/position/PositionDrawer.vue
+++ b/src/views/sys/position/PositionDrawer.vue
@@ -12,12 +12,12 @@
 </template>
 <script lang="ts">
   import { defineComponent, ref, computed, unref } from 'vue';
-  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { BasicForm, useForm } from '@/components/Form/index';
   import { formSchema } from './position.data';
-  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
   import { useI18n } from 'vue-i18n';
 
-  import { createPosition, updatePosition } from '/@/api/sys/position';
+  import { createPosition, updatePosition } from '@/api/sys/position';
 
   export default defineComponent({
     name: 'PositionDrawer',
diff --git a/src/views/sys/position/index.vue b/src/views/sys/position/index.vue
index a81df375d..7b96a02fd 100644
--- a/src/views/sys/position/index.vue
+++ b/src/views/sys/position/index.vue
@@ -46,15 +46,15 @@
   import { createVNode, defineComponent, ref } from 'vue';
   import { Modal } from 'ant-design-vue';
   import { ExclamationCircleOutlined } from '@ant-design/icons-vue/lib/icons';
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import { Button } from '/@/components/Button';
+  import { BasicTable, useTable, TableAction } from '@/components/Table';
+  import { Button } from '@/components/Button';
 
-  import { useDrawer } from '/@/components/Drawer';
+  import { useDrawer } from '@/components/Drawer';
   import PositionDrawer from './PositionDrawer.vue';
   import { useI18n } from 'vue-i18n';
 
   import { columns, searchFormSchema } from './position.data';
-  import { getPositionList, deletePosition } from '/@/api/sys/position';
+  import { getPositionList, deletePosition } from '@/api/sys/position';
 
   export default defineComponent({
     name: 'PositionManagement',
diff --git a/src/views/sys/position/position.data.ts b/src/views/sys/position/position.data.ts
index fe46dec22..1b4cc6696 100644
--- a/src/views/sys/position/position.data.ts
+++ b/src/views/sys/position/position.data.ts
@@ -1,7 +1,7 @@
-import { BasicColumn, FormSchema } from '/@/components/Table';
-import { useI18n } from '/@/hooks/web/useI18n';
-import { formatToDateTime } from '/@/utils/dateUtil';
-import { updatePosition } from '/@/api/sys/position';
+import { BasicColumn, FormSchema } from '@/components/Table';
+import { useI18n } from '@/hooks/web/useI18n';
+import { formatToDateTime } from '@/utils/dateUtil';
+import { updatePosition } from '@/api/sys/position';
 import { Switch } from 'ant-design-vue';
 import { h } from 'vue';
 
diff --git a/src/views/sys/profile/index.vue b/src/views/sys/profile/index.vue
index f34a12bc4..4d5b8ae87 100644
--- a/src/views/sys/profile/index.vue
+++ b/src/views/sys/profile/index.vue
@@ -74,16 +74,16 @@
   </PageWrapper>
 </template>
 <script lang="ts" setup>
-  import { PageWrapper } from '/@/components/Page';
+  import { PageWrapper } from '@/components/Page';
   import { ChangePasswordReq, FormData } from './data';
   import { Card, Form, FormItem, message } from 'ant-design-vue';
   import { computed, reactive } from 'vue';
   import { useI18n } from 'vue-i18n';
-  import { changePassword, getUserProfile, updateProfile } from '/@/api/sys/user';
-  import headerImg from '/@/assets/images/header.jpg';
-  import { useUserStore } from '/@/store/modules/user';
-  import { uploadApi } from '/@/api/fms/file';
-  import { CropperAvatar } from '/@/components/Cropper';
+  import { changePassword, getUserProfile, updateProfile } from '@/api/sys/user';
+  import headerImg from '@/assets/images/header.jpg';
+  import { useUserStore } from '@/store/modules/user';
+  import { uploadApi } from '@/api/fms/file';
+  import { CropperAvatar } from '@/components/Cropper';
 
   const ACard = Card;
   const AForm = Form;
diff --git a/src/views/sys/role/RoleDrawer.vue b/src/views/sys/role/RoleDrawer.vue
index eb95a79ad..83ffd476a 100644
--- a/src/views/sys/role/RoleDrawer.vue
+++ b/src/views/sys/role/RoleDrawer.vue
@@ -43,31 +43,31 @@
 <script lang="ts">
   import { computed, defineComponent, ref, unref, watch } from 'vue';
   import { Tabs, Tree } from 'ant-design-vue';
-  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { BasicForm, useForm } from '@/components/Form/index';
   import {
     convertApiCheckedKeysToReq,
     convertApiToCheckedKeys,
     convertApiTreeData,
     formSchema,
   } from './role.data';
-  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
   import { useI18n } from 'vue-i18n';
 
-  import { ApiAuthorityInfo } from '/@/api/sys/model/authorityModel';
-  import { createRole, updateRole } from '/@/api/sys/role';
-  import { getMenuList } from '/@/api/sys/menu';
+  import { ApiAuthorityInfo } from '@/api/sys/model/authorityModel';
+  import { createRole, updateRole } from '@/api/sys/role';
+  import { getMenuList } from '@/api/sys/menu';
   import {
     createOrUpdateApiAuthority,
     createOrUpdateMenuAuthority,
     getApiAuthority,
     getApiList,
     getMenuAuthority,
-  } from '/@/api/sys/authority';
+  } from '@/api/sys/authority';
   import { DataNode } from 'ant-design-vue/lib/tree';
-  import { BaseDataResp } from '/@/api/model/baseModel';
-  import { ApiListResp } from '/@/api/sys/model/apiModel';
-  import { buildDataNode } from '/@/utils/tree';
-  import { BasicTree, TreeActionType } from '/@/components/Tree';
+  import { BaseDataResp } from '@/api/model/baseModel';
+  import { ApiListResp } from '@/api/sys/model/apiModel';
+  import { buildDataNode } from '@/utils/tree';
+  import { BasicTree, TreeActionType } from '@/components/Tree';
 
   export default defineComponent({
     name: 'RoleDrawer',
diff --git a/src/views/sys/role/index.vue b/src/views/sys/role/index.vue
index 85af74ec2..6eeae03e0 100644
--- a/src/views/sys/role/index.vue
+++ b/src/views/sys/role/index.vue
@@ -32,16 +32,16 @@
 <script lang="ts">
   import { defineComponent } from 'vue';
 
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
+  import { BasicTable, useTable, TableAction } from '@/components/Table';
 
-  import { useDrawer } from '/@/components/Drawer';
+  import { useDrawer } from '@/components/Drawer';
   import RoleDrawer from './RoleDrawer.vue';
   import { useI18n } from 'vue-i18n';
 
   import { columns } from './role.data';
-  import { getRoleList, deleteRole } from '/@/api/sys/role';
-  import { useMessage } from '/@/hooks/web/useMessage';
-  import { PageWrapper } from '/@/components/Page';
+  import { getRoleList, deleteRole } from '@/api/sys/role';
+  import { useMessage } from '@/hooks/web/useMessage';
+  import { PageWrapper } from '@/components/Page';
 
   export default defineComponent({
     name: 'RoleManagement',
diff --git a/src/views/sys/role/role.data.ts b/src/views/sys/role/role.data.ts
index 58c9db378..d0d676074 100644
--- a/src/views/sys/role/role.data.ts
+++ b/src/views/sys/role/role.data.ts
@@ -1,13 +1,13 @@
-import { BasicColumn, FormSchema } from '/@/components/Table';
+import { BasicColumn, FormSchema } from '@/components/Table';
 import { h } from 'vue';
 import { Switch } from 'ant-design-vue';
-import { useMessage } from '/@/hooks/web/useMessage';
-import { useI18n } from '/@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+import { useI18n } from '@/hooks/web/useI18n';
 import { DataNode } from 'ant-design-vue/lib/tree';
-import { ApiInfo } from '/@/api/sys/model/apiModel';
-import { ApiAuthorityInfo } from '/@/api/sys/model/authorityModel';
-import { formatToDateTime } from '/@/utils/dateUtil';
-import { updateRole } from '/@/api/sys/role';
+import { ApiInfo } from '@/api/sys/model/apiModel';
+import { ApiAuthorityInfo } from '@/api/sys/model/authorityModel';
+import { formatToDateTime } from '@/utils/dateUtil';
+import { updateRole } from '@/api/sys/role';
 import { cloneDeep, union } from 'lodash-es';
 
 const { t } = useI18n();
diff --git a/src/views/sys/task/LogModal.vue b/src/views/sys/task/LogModal.vue
index 492f53818..ea8001805 100644
--- a/src/views/sys/task/LogModal.vue
+++ b/src/views/sys/task/LogModal.vue
@@ -24,11 +24,11 @@
   import { createVNode, defineComponent, reactive, ref } from 'vue';
   import { useI18n } from 'vue-i18n';
   import { columns, searchFormSchema } from './tasklog.data';
-  import { deleteTaskLog, getTaskLogList } from '/@/api/sys/taskLog';
-  import { Button } from '/@/components/Button';
-  import { BasicModal, useModalInner } from '/@/components/Modal';
-  import { BasicTable, useTable } from '/@/components/Table';
-  import { useMessage } from '/@/hooks/web/useMessage';
+  import { deleteTaskLog, getTaskLogList } from '@/api/sys/taskLog';
+  import { Button } from '@/components/Button';
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { BasicTable, useTable } from '@/components/Table';
+  import { useMessage } from '@/hooks/web/useMessage';
 
   export default defineComponent({
     components: { BasicModal, BasicTable, DeleteOutlined, Button },
diff --git a/src/views/sys/task/TaskDrawer.vue b/src/views/sys/task/TaskDrawer.vue
index 120b1a967..c552e5074 100644
--- a/src/views/sys/task/TaskDrawer.vue
+++ b/src/views/sys/task/TaskDrawer.vue
@@ -12,12 +12,12 @@
 </template>
 <script lang="ts">
   import { defineComponent, ref, computed, unref } from 'vue';
-  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { BasicForm, useForm } from '@/components/Form/index';
   import { formSchema } from './task.data';
-  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
   import { useI18n } from 'vue-i18n';
 
-  import { createTask, updateTask } from '/@/api/sys/task';
+  import { createTask, updateTask } from '@/api/sys/task';
 
   export default defineComponent({
     name: 'TaskDrawer',
diff --git a/src/views/sys/task/index.vue b/src/views/sys/task/index.vue
index 96d7893de..34cf840fe 100644
--- a/src/views/sys/task/index.vue
+++ b/src/views/sys/task/index.vue
@@ -51,17 +51,17 @@
   import { createVNode, defineComponent, ref } from 'vue';
   import { Modal } from 'ant-design-vue';
   import { ExclamationCircleOutlined } from '@ant-design/icons-vue/lib/icons';
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import { Button } from '/@/components/Button';
+  import { BasicTable, useTable, TableAction } from '@/components/Table';
+  import { Button } from '@/components/Button';
 
-  import { useDrawer } from '/@/components/Drawer';
+  import { useDrawer } from '@/components/Drawer';
   import TaskDrawer from './TaskDrawer.vue';
   import { useI18n } from 'vue-i18n';
 
   import { columns, searchFormSchema } from './task.data';
-  import { getTaskList, deleteTask } from '/@/api/sys/task';
+  import { getTaskList, deleteTask } from '@/api/sys/task';
   import LogModal from './LogModal.vue';
-  import { useModal } from '/@/components/Modal';
+  import { useModal } from '@/components/Modal';
 
   export default defineComponent({
     name: 'TaskManagement',
diff --git a/src/views/sys/task/task.data.ts b/src/views/sys/task/task.data.ts
index 365edeb13..aeb1496ce 100644
--- a/src/views/sys/task/task.data.ts
+++ b/src/views/sys/task/task.data.ts
@@ -1,7 +1,7 @@
-import { BasicColumn, FormSchema } from '/@/components/Table';
-import { useI18n } from '/@/hooks/web/useI18n';
-import { formatToDateTime } from '/@/utils/dateUtil';
-import { updateTask } from '/@/api/sys/task';
+import { BasicColumn, FormSchema } from '@/components/Table';
+import { useI18n } from '@/hooks/web/useI18n';
+import { formatToDateTime } from '@/utils/dateUtil';
+import { updateTask } from '@/api/sys/task';
 import { Switch } from 'ant-design-vue';
 import { h } from 'vue';
 
diff --git a/src/views/sys/task/tasklog.data.ts b/src/views/sys/task/tasklog.data.ts
index 79448ce49..f74cc3ae8 100644
--- a/src/views/sys/task/tasklog.data.ts
+++ b/src/views/sys/task/tasklog.data.ts
@@ -1,8 +1,8 @@
 import { Tag } from 'ant-design-vue';
 import { h } from 'vue';
-import { BasicColumn, FormSchema } from '/@/components/Table';
-import { useI18n } from '/@/hooks/web/useI18n';
-import { formatToDateTime } from '/@/utils/dateUtil';
+import { BasicColumn, FormSchema } from '@/components/Table';
+import { useI18n } from '@/hooks/web/useI18n';
+import { formatToDateTime } from '@/utils/dateUtil';
 
 const { t } = useI18n();
 
diff --git a/src/views/sys/token/index.vue b/src/views/sys/token/index.vue
index 52736de96..8a96950f6 100644
--- a/src/views/sys/token/index.vue
+++ b/src/views/sys/token/index.vue
@@ -36,13 +36,13 @@
   import { createVNode, defineComponent, ref } from 'vue';
   import { Modal } from 'ant-design-vue';
   import { ExclamationCircleOutlined } from '@ant-design/icons-vue/lib/icons';
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import { Button } from '/@/components/Button';
+  import { BasicTable, useTable, TableAction } from '@/components/Table';
+  import { Button } from '@/components/Button';
 
   import { useI18n } from 'vue-i18n';
 
   import { columns, searchFormSchema } from './token.data';
-  import { getTokenList, deleteToken } from '/@/api/sys/token';
+  import { getTokenList, deleteToken } from '@/api/sys/token';
 
   export default defineComponent({
     name: 'TokenManagement',
diff --git a/src/views/sys/token/token.data.ts b/src/views/sys/token/token.data.ts
index 5d658a4f3..ce402a21a 100644
--- a/src/views/sys/token/token.data.ts
+++ b/src/views/sys/token/token.data.ts
@@ -1,7 +1,7 @@
-import { BasicColumn, FormSchema } from '/@/components/Table';
-import { useI18n } from '/@/hooks/web/useI18n';
-import { formatToDateTime } from '/@/utils/dateUtil';
-import { updateToken } from '/@/api/sys/token';
+import { BasicColumn, FormSchema } from '@/components/Table';
+import { useI18n } from '@/hooks/web/useI18n';
+import { formatToDateTime } from '@/utils/dateUtil';
+import { updateToken } from '@/api/sys/token';
 import { Switch } from 'ant-design-vue';
 import { h } from 'vue';
 
diff --git a/src/views/sys/user/DeptTree.vue b/src/views/sys/user/DeptTree.vue
index 455207041..e35ea1a99 100644
--- a/src/views/sys/user/DeptTree.vue
+++ b/src/views/sys/user/DeptTree.vue
@@ -14,11 +14,11 @@
 </template>
 <script lang="ts">
   import { defineComponent, onMounted, ref } from 'vue';
-  import { getDepartmentList } from '/@/api/sys/department';
+  import { getDepartmentList } from '@/api/sys/department';
 
-  import { BasicTree, TreeItem } from '/@/components/Tree';
-  import { useI18n } from '/@/hooks/web/useI18n';
-  import { buildDataNode } from '/@/utils/tree';
+  import { BasicTree, TreeItem } from '@/components/Tree';
+  import { useI18n } from '@/hooks/web/useI18n';
+  import { buildDataNode } from '@/utils/tree';
 
   export default defineComponent({
     name: 'DeptTree',
diff --git a/src/views/sys/user/UserDrawer.vue b/src/views/sys/user/UserDrawer.vue
index eaa484427..7fc1d3dde 100644
--- a/src/views/sys/user/UserDrawer.vue
+++ b/src/views/sys/user/UserDrawer.vue
@@ -12,12 +12,12 @@
 </template>
 <script lang="ts">
   import { defineComponent, ref, computed, unref } from 'vue';
-  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { BasicForm, useForm } from '@/components/Form/index';
   import { formSchema } from './user.data';
-  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
   import { useI18n } from 'vue-i18n';
-  import { createUser, updateUser } from '/@/api/sys/user';
-  import { useMessage } from '/@/hooks/web/useMessage';
+  import { createUser, updateUser } from '@/api/sys/user';
+  import { useMessage } from '@/hooks/web/useMessage';
 
   export default defineComponent({
     name: 'UserDrawer',
diff --git a/src/views/sys/user/index.vue b/src/views/sys/user/index.vue
index c83bceee2..842ed5620 100644
--- a/src/views/sys/user/index.vue
+++ b/src/views/sys/user/index.vue
@@ -61,22 +61,22 @@
   import { createVNode, defineComponent, reactive, ref } from 'vue';
   import { Modal } from 'ant-design-vue';
   import { ExclamationCircleOutlined } from '@ant-design/icons-vue/lib/icons';
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
+  import { BasicTable, useTable, TableAction } from '@/components/Table';
   import DeptTree from './DeptTree.vue';
 
-  import { useDrawer } from '/@/components/Drawer';
+  import { useDrawer } from '@/components/Drawer';
   import UserDrawer from './UserDrawer.vue';
   import { useI18n } from 'vue-i18n';
 
   import { columns, searchFormSchema } from './user.data';
-  import { getUserList, deleteUser } from '/@/api/sys/user';
-  import { useRoleStore } from '/@/store/modules/role';
-  import { logout } from '/@/api/sys/token';
-  import { useMessage } from '/@/hooks/web/useMessage';
+  import { getUserList, deleteUser } from '@/api/sys/user';
+  import { useRoleStore } from '@/store/modules/role';
+  import { logout } from '@/api/sys/token';
+  import { useMessage } from '@/hooks/web/useMessage';
   import Row from 'ant-design-vue/es/grid/Row';
   import Col from 'ant-design-vue/es/grid/Col';
-  import { PageWrapper } from '/@/components/Page';
-  import { Button } from '/@/components/Button';
+  import { PageWrapper } from '@/components/Page';
+  import { Button } from '@/components/Button';
 
   export default defineComponent({
     name: 'UserManagement',
diff --git a/src/views/sys/user/user.data.ts b/src/views/sys/user/user.data.ts
index a95f06a7b..042426da7 100644
--- a/src/views/sys/user/user.data.ts
+++ b/src/views/sys/user/user.data.ts
@@ -1,14 +1,14 @@
-import { BasicColumn, FormSchema } from '/@/components/Table';
-import { useI18n } from '/@/hooks/web/useI18n';
-import { formatToDateTime } from '/@/utils/dateUtil';
+import { BasicColumn, FormSchema } from '@/components/Table';
+import { useI18n } from '@/hooks/web/useI18n';
+import { formatToDateTime } from '@/utils/dateUtil';
 import { h } from 'vue';
 import { Switch } from 'ant-design-vue';
-import { useMessage } from '/@/hooks/web/useMessage';
-import { getRoleList } from '/@/api/sys/role';
-import { getDepartmentList } from '/@/api/sys/department';
-import { getPositionList } from '/@/api/sys/position';
-import { updateUser } from '/@/api/sys/user';
-import { uploadApi } from '/@/api/fms/file';
+import { useMessage } from '@/hooks/web/useMessage';
+import { getRoleList } from '@/api/sys/role';
+import { getDepartmentList } from '@/api/sys/department';
+import { getPositionList } from '@/api/sys/position';
+import { updateUser } from '@/api/sys/user';
+import { uploadApi } from '@/api/fms/file';
 
 const { t } = useI18n();
 
diff --git a/types/config.d.ts b/types/config.d.ts
index e6ef3d672..7a5b31c35 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 58daf43eb..74b119f9f 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 78415a0a3..8b001a8bd 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 {};