refactor!: 将 token 存储方式从 cookie 改为 localStorage 并移除 js-cookie 依赖

pany-ang · pany-ang · commit 660720d72efe · 2026-01-19T17:43:37.000+08:00
diff --git a/package.json b/package.json
@@ -19,7 +19,6 @@
     "axios": "1.13.2",
     "dayjs": "1.11.19",
     "element-plus": "2.13.1",
-    "js-cookie": "3.0.5",
     "lodash-es": "4.17.22",
     "mitt": "3.0.1",
     "normalize.css": "8.0.1",
@@ -34,7 +33,6 @@
   },
   "devDependencies": {
     "@antfu/eslint-config": "7.0.1",
-    "@types/js-cookie": "3.0.6",
     "@types/lodash-es": "4.17.12",
     "@types/node": "25.0.9",
     "@types/nprogress": "0.2.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/common/composables/useTheme.ts b/src/common/composables/useTheme.ts
@@ -1,5 +1,5 @@
-import { getActiveThemeName, setActiveThemeName } from "@@/utils/cache/local-storage"
 import { setCssVar } from "@@/utils/css"
+import { getActiveThemeName, setActiveThemeName } from "@@/utils/local-storage"
 
 const DEFAULT_THEME_NAME = "normal"
 
diff --git a/src/common/utils/cache/cookies.ts b/src/common/utils/cache/cookies.ts
diff --git a/src/common/utils/local-storage.ts b/src/common/utils/local-storage.ts
@@ -6,6 +6,20 @@ import type { LayoutsConfig } from "@/layouts/config"
 import type { TagView } from "@/pinia/stores/tags-view"
 import { CacheKey } from "@@/constants/cache-key"
 
+// #region Token
+export function getToken() {
+  return localStorage.getItem(CacheKey.TOKEN)
+}
+
+export function setToken(token: string) {
+  localStorage.setItem(CacheKey.TOKEN, token)
+}
+
+export function removeToken() {
+  localStorage.removeItem(CacheKey.TOKEN)
+}
+// #endregion
+
 // #region 系统布局配置
 export function getLayoutsConfig() {
   const json = localStorage.getItem(CacheKey.CONFIG_LAYOUT)
diff --git a/src/http/axios.ts b/src/http/axios.ts
@@ -1,5 +1,5 @@
 import type { AxiosInstance, AxiosRequestConfig } from "axios"
-import { getToken } from "@@/utils/cache/cookies"
+import { getToken } from "@@/utils/local-storage"
 import axios from "axios"
 import { get, merge } from "lodash-es"
 import { useUserStore } from "@/pinia/stores/user"
diff --git a/src/layouts/components/Settings/index.vue b/src/layouts/components/Settings/index.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { useLayoutMode } from "@@/composables/useLayoutMode"
-import { removeLayoutsConfig } from "@@/utils/cache/local-storage"
+import { removeLayoutsConfig } from "@@/utils/local-storage"
 import { Refresh } from "@element-plus/icons-vue"
 import { useSettingsStore } from "@/pinia/stores/settings"
 import SelectLayoutMode from "./SelectLayoutMode.vue"
diff --git a/src/layouts/config.ts b/src/layouts/config.ts
@@ -1,5 +1,5 @@
 import { LayoutModeEnum } from "@@/constants/app-key"
-import { getLayoutsConfig } from "@@/utils/cache/local-storage"
+import { getLayoutsConfig } from "@@/utils/local-storage"
 
 /** 项目配置类型 */
 export interface LayoutsConfig {
diff --git a/src/pinia/stores/app.ts b/src/pinia/stores/app.ts
@@ -1,5 +1,5 @@
 import { DeviceEnum, SIDEBAR_CLOSED, SIDEBAR_OPENED } from "@@/constants/app-key"
-import { getSidebarStatus, setSidebarStatus } from "@@/utils/cache/local-storage"
+import { getSidebarStatus, setSidebarStatus } from "@@/utils/local-storage"
 import { pinia } from "@/pinia"
 
 interface Sidebar {
diff --git a/src/pinia/stores/settings.ts b/src/pinia/stores/settings.ts
@@ -1,6 +1,6 @@
 import type { Ref } from "vue"
 import type { LayoutsConfig } from "@/layouts/config"
-import { setLayoutsConfig } from "@@/utils/cache/local-storage"
+import { setLayoutsConfig } from "@@/utils/local-storage"
 import { layoutsConfig } from "@/layouts/config"
 import { pinia } from "@/pinia"
 
diff --git a/src/pinia/stores/tags-view.ts b/src/pinia/stores/tags-view.ts
@@ -1,5 +1,5 @@
 import type { RouteLocationNormalizedGeneric } from "vue-router"
-import { getCachedViews, getVisitedViews, setCachedViews, setVisitedViews } from "@@/utils/cache/local-storage"
+import { getCachedViews, getVisitedViews, setCachedViews, setVisitedViews } from "@@/utils/local-storage"
 import { pinia } from "@/pinia"
 import { useSettingsStore } from "./settings"
 
diff --git a/src/pinia/stores/user.ts b/src/pinia/stores/user.ts
@@ -1,5 +1,5 @@
 import { getCurrentUserApi } from "@@/apis/users"
-import { setToken as _setToken, getToken, removeToken } from "@@/utils/cache/cookies"
+import { setToken as _setToken, getToken, removeToken } from "@@/utils/local-storage"
 import { pinia } from "@/pinia"
 import { resetRouter } from "@/router"
 import { routerConfig } from "@/router/config"
diff --git a/src/router/guard.ts b/src/router/guard.ts
@@ -1,7 +1,7 @@
 import type { Router } from "vue-router"
 import { setRouteChange } from "@@/composables/useRouteListener"
 import { useTitle } from "@@/composables/useTitle"
-import { getToken } from "@@/utils/cache/cookies"
+import { getToken } from "@@/utils/local-storage"
 import NProgress from "nprogress"
 import { usePermissionStore } from "@/pinia/stores/permission"
 import { useUserStore } from "@/pinia/stores/user"
