diff --git a/.env.development b/.env.development
index 83fd5c5f87541e39f8222c18f140e118df576bfc..559a8f7b0476ad48b58d707c8b158aa889a2a02f 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,8 @@
 # 本地环境
 ENV = development
 
-# 本地环境接口地址
-VITE_API_URL = http://localhost:8888/
\ No newline at end of file
+# https 前面加斜杠，表示通过 vite 代理访问
+VITE_API_URL = '/https://api.example.com'
+
+# 不加斜杠，表示直接访问，不使用代理
+# VITE_API_URL = 'https://api.example.com'
diff --git a/src/App.vue b/src/App.vue
index 80074176a98905c7b802863aac05e7d63c2eb4b4..d5a5552ef1bbd7b68fa0ed4815fa4d0303b94744 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,9 +1,9 @@
 <template>
 	<el-config-provider :size="getGlobalComponentSize" :locale="getGlobalI18n">
 		<router-view v-show="setLockScreen" />
-		<LockScreen v-if="themeConfig.isLockScreen" />
+		<LockScreen v-if="storesThemeConfig.themeConfig.isLockScreen" />
 		<Setings ref="setingsRef" v-show="setLockScreen" />
-		<CloseFull v-if="!themeConfig.isLockScreen" />
+		<CloseFull v-if="!storesThemeConfig.themeConfig.isLockScreen" />
 		<Upgrade v-if="getVersion" />
 		<Sponsors />
 	</el-config-provider>
@@ -13,9 +13,8 @@
 import { defineAsyncComponent, computed, ref, onBeforeMount, onMounted, onUnmounted, nextTick, watch } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
-import { storeToRefs } from 'pinia';
-import { useTagsViewRoutes } from '/@/stores/tagsViewRoutes';
-import { useThemeConfig } from '/@/stores/themeConfig';
+import stores from '/@/stores/tagsViewRoutes';
+import storesThemeConfig from '/@/stores/themeConfig';
 import other from '/@/utils/other';
 import { Local, Session } from '/@/utils/storage';
 import mittBus from '/@/utils/mitt';
@@ -32,15 +31,12 @@ const Sponsors = defineAsyncComponent(() => import('/@/layout/sponsors/index.vue
 const { messages, locale } = useI18n();
 const setingsRef = ref();
 const route = useRoute();
-const stores = useTagsViewRoutes();
-const storesThemeConfig = useThemeConfig();
-const { themeConfig } = storeToRefs(storesThemeConfig);
 
 // 设置锁屏时组件显示隐藏
 const setLockScreen = computed(() => {
 	// 防止锁屏后，刷新出现不相关界面
 	// https://gitee.com/lyt-top/vue-next-admin/issues/I6AF8P
-	return themeConfig.value.isLockScreen ? themeConfig.value.lockScreenTime > 1 : themeConfig.value.lockScreenTime >= 0;
+	return storesThemeConfig.themeConfig.isLockScreen ? storesThemeConfig.themeConfig.lockScreenTime > 1 : storesThemeConfig.themeConfig.lockScreenTime >= 0;
 });
 // 获取版本号
 const getVersion = computed(() => {
diff --git a/src/i18n/index.ts b/src/i18n/index.ts
index 2b9072a8e5e1c3a568190b5cefa7a4c844cf9204..041faa2ca594469481dc62578ec63dc7cffc1e5f 100644
--- a/src/i18n/index.ts
+++ b/src/i18n/index.ts
@@ -1,7 +1,5 @@
 import { createI18n } from 'vue-i18n';
-import pinia from '/@/stores/index';
-import { storeToRefs } from 'pinia';
-import { useThemeConfig } from '/@/stores/themeConfig';
+import stores from '/@/stores/themeConfig';
 
 // 定义语言国际化内容
 
@@ -14,9 +12,9 @@ import { useThemeConfig } from '/@/stores/themeConfig';
  */
 
 // element plus 自带国际化
-import enLocale from 'element-plus/lib/locale/lang/en';
-import zhcnLocale from 'element-plus/lib/locale/lang/zh-cn';
-import zhtwLocale from 'element-plus/lib/locale/lang/zh-tw';
+import enLocale from 'element-plus/es/locale/lang/en';
+import zhcnLocale from 'element-plus/es/locale/lang/zh-cn';
+import zhtwLocale from 'element-plus/es/locale/lang/zh-tw';
 
 // 定义变量内容
 const messages = {};
@@ -50,10 +48,6 @@ for (const key in itemize) {
 	};
 }
 
-// 读取 pinia 默认语言
-const stores = useThemeConfig(pinia);
-const { themeConfig } = storeToRefs(stores);
-
 // 导出语言国际化
 // https://vue-i18n.intlify.dev/guide/essentials/fallback.html#explicit-fallback-with-one-locale
 export const i18n = createI18n({
@@ -62,7 +56,7 @@ export const i18n = createI18n({
 	missingWarn: false,
 	silentFallbackWarn: true,
 	fallbackWarn: false,
-	locale: themeConfig.value.globalI18n,
+	locale: stores.themeConfig.globalI18n,
 	fallbackLocale: zhcnLocale.name,
 	messages,
 });
diff --git a/src/layout/component/aside.vue b/src/layout/component/aside.vue
index cb6bd48cb5f18055d0714f8caf3752048f2d431e..c0cb39a73b2d6bf5324af2640a85f1b71f2d24ca 100644
--- a/src/layout/component/aside.vue
+++ b/src/layout/component/aside.vue
@@ -12,9 +12,9 @@
 <script setup lang="ts" name="layoutAside">
 import { defineAsyncComponent, reactive, computed, watch, onBeforeMount, ref } from 'vue';
 import { storeToRefs } from 'pinia';
-import { useRoutesList } from '/@/stores/routesList';
-import { useThemeConfig } from '/@/stores/themeConfig';
-import { useTagsViewRoutes } from '/@/stores/tagsViewRoutes';
+import stores from '/@/stores/routesList';
+import storesThemeConfig from '/@/stores/themeConfig';
+import storesTagsViewRoutes from '/@/stores/tagsViewRoutes';
 import mittBus from '/@/utils/mitt';
 
 // 引入组件
@@ -23,9 +23,6 @@ const Vertical = defineAsyncComponent(() => import('/@/layout/navMenu/vertical.v
 
 // 定义变量内容
 const layoutAsideScrollbarRef = ref();
-const stores = useRoutesList();
-const storesThemeConfig = useThemeConfig();
-const storesTagsViewRoutes = useTagsViewRoutes();
 const { routesList } = storeToRefs(stores);
 const { themeConfig } = storeToRefs(storesThemeConfig);
 const { isTagsViewCurrenFull } = storeToRefs(storesTagsViewRoutes);
diff --git a/src/layout/component/header.vue b/src/layout/component/header.vue
index 29aa179430e0f238cc00eba5a3cf8c9acca2948c..96d6a25ad7ec8f91943cc05a474eac94a073b8e2 100644
--- a/src/layout/component/header.vue
+++ b/src/layout/component/header.vue
@@ -7,12 +7,11 @@
 <script setup lang="ts" name="layoutHeader">
 import { defineAsyncComponent } from 'vue';
 import { storeToRefs } from 'pinia';
-import { useTagsViewRoutes } from '/@/stores/tagsViewRoutes';
+import storesTagsViewRoutes from '/@/stores/tagsViewRoutes';
 
 // 引入组件
 const NavBarsIndex = defineAsyncComponent(() => import('/@/layout/navBars/index.vue'));
 
 // 定义变量内容
-const storesTagsViewRoutes = useTagsViewRoutes();
 const { isTagsViewCurrenFull } = storeToRefs(storesTagsViewRoutes);
 </script>
diff --git a/src/layout/component/main.vue b/src/layout/component/main.vue
index 36cec94398fc845cbd4c0ab972dfc80fde60ada8..0e202f2a6d39acab657c8dfa4e1f5a0ad34caa4f 100644
--- a/src/layout/component/main.vue
+++ b/src/layout/component/main.vue
@@ -17,8 +17,8 @@
 import { defineAsyncComponent, onMounted, computed, ref } from 'vue';
 import { useRoute } from 'vue-router';
 import { storeToRefs } from 'pinia';
-import { useTagsViewRoutes } from '/@/stores/tagsViewRoutes';
-import { useThemeConfig } from '/@/stores/themeConfig';
+import storesTagsViewRoutes from '/@/stores/tagsViewRoutes';
+import storesThemeConfig from '/@/stores/themeConfig';
 import { NextLoading } from '/@/utils/loading';
 
 // 引入组件
@@ -28,8 +28,6 @@ const LayoutFooter = defineAsyncComponent(() => import('/@/layout/footer/index.v
 // 定义变量内容
 const layoutMainScrollbarRef = ref();
 const route = useRoute();
-const storesTagsViewRoutes = useTagsViewRoutes();
-const storesThemeConfig = useThemeConfig();
 const { themeConfig } = storeToRefs(storesThemeConfig);
 const { isTagsViewCurrenFull } = storeToRefs(storesTagsViewRoutes);
 
diff --git a/src/layout/index.vue b/src/layout/index.vue
index f4ee956f316ebee6d4f2a3711c5c6ddc4ef1a63d..c58122bca159e3ebf924a532dfc5fc7ed7956d63 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -5,7 +5,7 @@
 <script setup lang="ts" name="layout">
 import { onBeforeMount, onUnmounted, defineAsyncComponent } from 'vue';
 import { storeToRefs } from 'pinia';
-import { useThemeConfig } from '/@/stores/themeConfig';
+import storesThemeConfig from '/@/stores/themeConfig';
 import { Local } from '/@/utils/storage';
 import mittBus from '/@/utils/mitt';
 
@@ -18,7 +18,6 @@ const layouts: any = {
 };
 
 // 定义变量内容
-const storesThemeConfig = useThemeConfig();
 const { themeConfig } = storeToRefs(storesThemeConfig);
 
 // 窗口大小改变时(适配移动端)
diff --git a/src/layout/main/defaults.vue b/src/layout/main/defaults.vue
index 8122aef4363ebf61da1ac6c3274aa24c86963d68..0ef40f1c9954d5a9bf70417061321a188c8e90ce 100644
--- a/src/layout/main/defaults.vue
+++ b/src/layout/main/defaults.vue
@@ -14,7 +14,7 @@
 import { defineAsyncComponent, watch, onMounted, nextTick, ref } from 'vue';
 import { useRoute } from 'vue-router';
 import { storeToRefs } from 'pinia';
-import { useThemeConfig } from '/@/stores/themeConfig';
+import storesThemeConfig from '/@/stores/themeConfig';
 import { NextLoading } from '/@/utils/loading';
 
 // 引入组件
@@ -26,7 +26,6 @@ const LayoutMain = defineAsyncComponent(() => import('/@/layout/component/main.v
 const layoutScrollbarRef = ref<RefType>('');
 const layoutMainRef = ref<InstanceType<typeof LayoutMain>>();
 const route = useRoute();
-const storesThemeConfig = useThemeConfig();
 const { themeConfig } = storeToRefs(storesThemeConfig);
 
 // 重置滚动条高度
diff --git a/src/layout/navBars/index.vue b/src/layout/navBars/index.vue
index 7a46d5e3c581022ada5a2ea17f17cbb9284c0410..88d1abbaa5e059f40f6f9b2ac21bae776a0aa9b6 100644
--- a/src/layout/navBars/index.vue
+++ b/src/layout/navBars/index.vue
@@ -8,14 +8,13 @@
 <script setup lang="ts" name="layoutNavBars">
 import { defineAsyncComponent, computed } from 'vue';
 import { storeToRefs } from 'pinia';
-import { useThemeConfig } from '/@/stores/themeConfig';
+import storesThemeConfig from '/@/stores/themeConfig';
 
 // 引入组件
 const BreadcrumbIndex = defineAsyncComponent(() => import('/@/layout/navBars/topBar/index.vue'));
 const TagsView = defineAsyncComponent(() => import('/@/layout/navBars/tagsView/tagsView.vue'));
 
 // 定义变量内容
-const storesThemeConfig = useThemeConfig();
 const { themeConfig } = storeToRefs(storesThemeConfig);
 
 // 是否显示 tagsView
diff --git a/src/layout/navBars/tagsView/tagsView.vue b/src/layout/navBars/tagsView/tagsView.vue
index 6dddc41e9218d8131f8d736f8ed04fdd983f46a6..7005f8ea2a61fcc730528540514330344b3c487c 100644
--- a/src/layout/navBars/tagsView/tagsView.vue
+++ b/src/layout/navBars/tagsView/tagsView.vue
@@ -52,10 +52,10 @@ import { useRoute, useRouter, onBeforeRouteUpdate } from 'vue-router';
 import Sortable from 'sortablejs';
 import { ElMessage } from 'element-plus';
 import { storeToRefs } from 'pinia';
-import { useTagsViewRoutes } from '/@/stores/tagsViewRoutes';
-import { useThemeConfig } from '/@/stores/themeConfig';
-import { useKeepALiveNames } from '/@/stores/keepAliveNames';
-import { useRoutesList } from '/@/stores/routesList';
+import storesTagsViewRoutes from '/@/stores/tagsViewRoutes';
+import storesThemeConfig from '/@/stores/themeConfig';
+import storesKeepALiveNames from '/@/stores/keepAliveNames';
+import storesRoutesList from '/@/stores/routesList';
 import { Session } from '/@/utils/storage';
 import { isObjectValueEqual } from '/@/utils/arrayOperation';
 import other from '/@/utils/other';
@@ -69,14 +69,9 @@ const tagsRefs = ref<RefType>([]);
 const scrollbarRef = ref();
 const contextmenuRef = ref();
 const tagsUlRef = ref();
-const stores = useTagsViewRoutes();
-const storesThemeConfig = useThemeConfig();
-const storesTagsViewRoutes = useTagsViewRoutes();
-const storesRoutesList = useRoutesList();
 const { themeConfig } = storeToRefs(storesThemeConfig);
 const { tagsViewRoutes } = storeToRefs(storesTagsViewRoutes);
 const { routesList } = storeToRefs(storesRoutesList);
-const storesKeepALiveNames = useKeepALiveNames();
 const route = useRoute();
 const router = useRouter();
 const state = reactive<TagsViewState>({
@@ -314,7 +309,7 @@ const openCurrenFullscreen = async (path: string) => {
 	const item = state.tagsViewList.find((v: RouteItem) => (getThemeConfig.value.isShareTagsView ? v.path === path : v.url === path));
 	if (item.meta.isDynamic) await router.push({ name: item.name, params: item.params });
 	else await router.push({ name: item.name, query: item.query });
-	stores.setCurrenFullscreen(true);
+	storesTagsViewRoutes.setCurrenFullscreen(true);
 };
 // 当前项右键菜单点击，拿 `当前点击的路由路径` 对比 `tagsView 路由数组`，取当前点击项的详细路由信息
 // 防止 tagsView 非当前页演示时，操作异常
diff --git a/src/layout/navBars/topBar/breadcrumb.vue b/src/layout/navBars/topBar/breadcrumb.vue
index 7dfaca67f9dbf621eaa998a7c870f544e15fdb97..f021e8dba8410c47553934c0576a82c429c5cb98 100644
--- a/src/layout/navBars/topBar/breadcrumb.vue
+++ b/src/layout/navBars/topBar/breadcrumb.vue
@@ -29,12 +29,10 @@ import { onBeforeRouteUpdate, useRoute, useRouter } from 'vue-router';
 import { Local } from '/@/utils/storage';
 import other from '/@/utils/other';
 import { storeToRefs } from 'pinia';
-import { useThemeConfig } from '/@/stores/themeConfig';
-import { useRoutesList } from '/@/stores/routesList';
+import storesThemeConfig from '/@/stores/themeConfig';
+import stores from '/@/stores/routesList';
 
 // 定义变量内容
-const stores = useRoutesList();
-const storesThemeConfig = useThemeConfig();
 const { themeConfig } = storeToRefs(storesThemeConfig);
 const { routesList } = storeToRefs(stores);
 const route = useRoute();
diff --git a/src/layout/navBars/topBar/closeFull.vue b/src/layout/navBars/topBar/closeFull.vue
index 080dad52b296f224cb2b4a65f36c1d45378ac065..5f57c3d2ce794bb47102ef2cb0eb080548c6ae2e 100644
--- a/src/layout/navBars/topBar/closeFull.vue
+++ b/src/layout/navBars/topBar/closeFull.vue
@@ -8,10 +8,9 @@
 
 <script setup lang="ts" name="layoutCloseFull">
 import { storeToRefs } from 'pinia';
-import { useTagsViewRoutes } from '/@/stores/tagsViewRoutes';
+import stores from '/@/stores/tagsViewRoutes';
 
 // 定义变量内容
-const stores = useTagsViewRoutes();
 const { isTagsViewCurrenFull } = storeToRefs(stores);
 
 // 关闭当前全屏
diff --git a/src/layout/navBars/topBar/index.vue b/src/layout/navBars/topBar/index.vue
index bd8804a697c4134d26ba192e13d76c9bc077ced7..6f10e31d161d66eb9091b0d849512c77d2f879c5 100644
--- a/src/layout/navBars/topBar/index.vue
+++ b/src/layout/navBars/topBar/index.vue
@@ -11,8 +11,8 @@
 import { defineAsyncComponent, computed, reactive, onMounted, onUnmounted } from 'vue';
 import { useRoute } from 'vue-router';
 import { storeToRefs } from 'pinia';
-import { useRoutesList } from '/@/stores/routesList';
-import { useThemeConfig } from '/@/stores/themeConfig';
+import stores from '/@/stores/routesList';
+import storesThemeConfig from '/@/stores/themeConfig';
 import mittBus from '/@/utils/mitt';
 
 // 引入组件
@@ -22,8 +22,6 @@ const Logo = defineAsyncComponent(() => import('/@/layout/logo/index.vue'));
 const Horizontal = defineAsyncComponent(() => import('/@/layout/navMenu/horizontal.vue'));
 
 // 定义变量内容
-const stores = useRoutesList();
-const storesThemeConfig = useThemeConfig();
 const { themeConfig } = storeToRefs(storesThemeConfig);
 const { routesList } = storeToRefs(stores);
 const route = useRoute();
diff --git a/src/layout/navBars/topBar/search.vue b/src/layout/navBars/topBar/search.vue
index 659300593eec38d79b952518ca79c15c5c844957..0f526072818461c7ebbc609eaaffa083453f8701 100644
--- a/src/layout/navBars/topBar/search.vue
+++ b/src/layout/navBars/topBar/search.vue
@@ -32,10 +32,9 @@ import { reactive, ref, nextTick } from 'vue';
 import { useRouter } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 import { storeToRefs } from 'pinia';
-import { useTagsViewRoutes } from '/@/stores/tagsViewRoutes';
+import storesTagsViewRoutes from '/@/stores/tagsViewRoutes';
 
 // 定义变量内容
-const storesTagsViewRoutes = useTagsViewRoutes();
 const { tagsViewRoutes } = storeToRefs(storesTagsViewRoutes);
 const layoutMenuAutocompleteRef = ref();
 const { t } = useI18n();
diff --git a/src/layout/navBars/topBar/setings.vue b/src/layout/navBars/topBar/setings.vue
index faecb7bad360c81de0c2c6fa1dfdd157f69f65b4..309f8b4af83916de31d5dec48d07dc9c9ce374f9 100644
--- a/src/layout/navBars/topBar/setings.vue
+++ b/src/layout/navBars/topBar/setings.vue
@@ -434,7 +434,7 @@ import { nextTick, onUnmounted, onMounted, computed, reactive } from 'vue';
 import { ElMessage } from 'element-plus';
 import { useI18n } from 'vue-i18n';
 import { storeToRefs } from 'pinia';
-import { useThemeConfig } from '/@/stores/themeConfig';
+import storesThemeConfig from '/@/stores/themeConfig';
 import { useChangeColor } from '/@/utils/theme';
 import { verifyAndSpace } from '/@/utils/toolsValidate';
 import { Local } from '/@/utils/storage';
@@ -445,7 +445,6 @@ import mittBus from '/@/utils/mitt';
 
 // 定义变量内容
 const { locale } = useI18n();
-const storesThemeConfig = useThemeConfig();
 const { themeConfig } = storeToRefs(storesThemeConfig);
 const { copyText } = commonFunction();
 const { getLightColor, getDarkColor } = useChangeColor();
diff --git a/src/layout/navBars/topBar/user.vue b/src/layout/navBars/topBar/user.vue
index 7dfcbf3176a25008585e5e4c85ea4d1ed601b2b3..0915f947731af18a027d912ac4030d35eb273077 100644
--- a/src/layout/navBars/topBar/user.vue
+++ b/src/layout/navBars/topBar/user.vue
@@ -93,7 +93,7 @@ import screenfull from 'screenfull';
 import { useI18n } from 'vue-i18n';
 import { storeToRefs } from 'pinia';
 import { useUserInfo } from '/@/stores/userInfo';
-import { useThemeConfig } from '/@/stores/themeConfig';
+import storesThemeConfig from '/@/stores/themeConfig';
 import other from '/@/utils/other';
 import mittBus from '/@/utils/mitt';
 import { Session, Local } from '/@/utils/storage';
@@ -108,7 +108,6 @@ const userNewsBadgeRef = ref();
 const { locale, t } = useI18n();
 const router = useRouter();
 const stores = useUserInfo();
-const storesThemeConfig = useThemeConfig();
 const { userInfos } = storeToRefs(stores);
 const { themeConfig } = storeToRefs(storesThemeConfig);
 const searchRef = ref();
diff --git a/src/layout/navMenu/vertical.vue b/src/layout/navMenu/vertical.vue
index 478552a5627a267512a929b78453ab93d259c62b..eb304cf88b828940b2e4865be300a4c359528b7d 100644
--- a/src/layout/navMenu/vertical.vue
+++ b/src/layout/navMenu/vertical.vue
@@ -34,7 +34,7 @@
 import { defineAsyncComponent, reactive, computed, onMounted, watch } from 'vue';
 import { useRoute, onBeforeRouteUpdate, RouteRecordRaw } from 'vue-router';
 import { storeToRefs } from 'pinia';
-import { useThemeConfig } from '/@/stores/themeConfig';
+import storesThemeConfig from '/@/stores/themeConfig';
 import other from '/@/utils/other';
 
 // 引入组件
@@ -50,7 +50,6 @@ const props = defineProps({
 });
 
 // 定义变量内容
-const storesThemeConfig = useThemeConfig();
 const { themeConfig } = storeToRefs(storesThemeConfig);
 const route = useRoute();
 const state = reactive({
diff --git a/src/layout/routerView/parent.vue b/src/layout/routerView/parent.vue
index 4124f7f8107ac9c7f897fad779a190c4b369f118..15c246d37eab86240154b7e4c68769f8cc16dd7d 100644
--- a/src/layout/routerView/parent.vue
+++ b/src/layout/routerView/parent.vue
@@ -17,8 +17,8 @@
 import { defineAsyncComponent, computed, reactive, onBeforeMount, onUnmounted, nextTick, watch, onMounted } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
-import { useKeepALiveNames } from '/@/stores/keepAliveNames';
-import { useThemeConfig } from '/@/stores/themeConfig';
+import storesKeepAliveNames from '/@/stores/keepAliveNames';
+import storesThemeConfig from '/@/stores/themeConfig';
 import { Session } from '/@/utils/storage';
 import mittBus from '/@/utils/mitt';
 
@@ -28,8 +28,6 @@ const Iframes = defineAsyncComponent(() => import('/@/layout/routerView/iframes.
 // 定义变量内容
 const route = useRoute();
 const router = useRouter();
-const storesKeepAliveNames = useKeepALiveNames();
-const storesThemeConfig = useThemeConfig();
 const { keepAliveNames, cachedViews } = storeToRefs(storesKeepAliveNames);
 const { themeConfig } = storeToRefs(storesThemeConfig);
 const state = reactive<ParentViewState>({
diff --git a/src/layout/upgrade/index.vue b/src/layout/upgrade/index.vue
index 6dd350d8e833c874e9b91eaa8a308ca7ca66d898..5ac40243a3ccf4c1506802b7d999e6a9574dd95c 100644
--- a/src/layout/upgrade/index.vue
+++ b/src/layout/upgrade/index.vue
@@ -35,12 +35,11 @@
 import { reactive, computed, onMounted } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { storeToRefs } from 'pinia';
-import { useThemeConfig } from '/@/stores/themeConfig';
+import storesThemeConfig from '/@/stores/themeConfig';
 import { Local } from '/@/utils/storage';
 
 // 定义变量内容
 const { t } = useI18n();
-const storesThemeConfig = useThemeConfig();
 const { themeConfig } = storeToRefs(storesThemeConfig);
 const state = reactive({
 	isUpgrade: false,
diff --git a/src/main.ts b/src/main.ts
index 4373425a47f4e730754b6eaa0eb4a4f9ac5ec32b..6b8c42950223fc3c30aac9b7c5432d0e78c33a14 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,9 +1,9 @@
 import { createApp } from 'vue';
-import pinia from '/@/stores/index';
+import pinia from '/@/stores/pinia';
 import App from '/@/App.vue';
 import router from '/@/router';
-import { directive } from '/@/directive/index';
-import { i18n } from '/@/i18n/index';
+import { directive } from '/@/directive';
+import { i18n } from '/@/i18n';
 import other from '/@/utils/other';
 
 import ElementPlus from 'element-plus';
@@ -15,4 +15,9 @@ const app = createApp(App);
 directive(app);
 other.elSvg(app);
 
-app.use(pinia).use(router).use(ElementPlus).use(i18n).use(VueGridLayout).mount('#app');
+app.use(pinia)
+    .use(router)
+    .use(ElementPlus)
+    .use(i18n)
+    .use(VueGridLayout)
+    .mount('#app');
diff --git a/src/router/backEnd.ts b/src/router/backEnd.ts
index a03c7ee041b0816ed249c5a36b4158562d558ff6..eb2727d96137c01d194fb09336ee6061e26c8f28 100644
--- a/src/router/backEnd.ts
+++ b/src/router/backEnd.ts
@@ -1,15 +1,14 @@
 import { RouteRecordRaw } from 'vue-router';
 import { storeToRefs } from 'pinia';
-import pinia from '/@/stores/index';
 import { useUserInfo } from '/@/stores/userInfo';
-import { useRequestOldRoutes } from '/@/stores/requestOldRoutes';
+import storeRequestOldRoutes from '/@/stores/requestOldRoutes';
 import { Session } from '/@/utils/storage';
 import { NextLoading } from '/@/utils/loading';
 import { dynamicRoutes, notFoundAndNoPower } from '/@/router/route';
 import { formatTwoStageRoutes, formatFlatteningRoutes, router } from '/@/router/index';
-import { useRoutesList } from '/@/stores/routesList';
-import { useTagsViewRoutes } from '/@/stores/tagsViewRoutes';
-import { useMenuApi } from '/@/api/menu/index';
+import storesRoutesList from '/@/stores/routesList';
+import storesTagsView from '/@/stores/tagsViewRoutes';
+import { useMenuApi } from '/@/api/menu';
 
 // 后端控制路由
 
@@ -29,7 +28,7 @@ const dynamicViewsModules: Record<string, Function> = Object.assign({}, { ...lay
  * 后端控制路由：初始化方法，防止刷新时路由丢失
  * @method NextLoading 界面 loading 动画开始执行
  * @method useUserInfo().setUserInfos() 触发初始化用户信息 pinia
- * @method useRequestOldRoutes().setRequestOldRoutes() 存储接口原始路由（未处理component），根据需求选择使用
+ * @method storeRequestOldRoutes.setRequestOldRoutes() 存储接口原始路由（未处理component），根据需求选择使用
  * @method setAddRoute 添加动态路由
  * @method setFilterMenuAndCacheTagsViewRoutes 设置路由到 pinia routesList 中（已处理成多级嵌套路由）及缓存多级嵌套数组处理后的一维数组
  */
@@ -47,7 +46,7 @@ export async function initBackEndControlRoutes() {
 	// https://gitee.com/lyt-top/vue-next-admin/issues/I64HVO
 	if (res.data.length <= 0) return Promise.resolve(true);
 	// 存储接口原始路由（未处理component），根据需求选择使用
-	useRequestOldRoutes().setRequestOldRoutes(JSON.parse(JSON.stringify(res.data)));
+	storeRequestOldRoutes.setRequestOldRoutes(JSON.parse(JSON.stringify(res.data)));
 	// 处理路由（component），替换 dynamicRoutes（/@/router/route）第一个顶级 children 的路由
 	dynamicRoutes[0].children = await backEndComponent(res.data);
 	// 添加动态路由
@@ -62,7 +61,6 @@ export async function initBackEndControlRoutes() {
  * @description 用于 tagsView、菜单搜索中：未过滤隐藏的(isHide)
  */
 export async function setFilterMenuAndCacheTagsViewRoutes() {
-	const storesRoutesList = useRoutesList(pinia);
 	storesRoutesList.setRoutesList(dynamicRoutes[0].children as any);
 	setCacheTagsViewRoutes();
 }
@@ -72,7 +70,6 @@ export async function setFilterMenuAndCacheTagsViewRoutes() {
  * @description 用于 tagsView、菜单搜索中：未过滤隐藏的(isHide)
  */
 export function setCacheTagsViewRoutes() {
-	const storesTagsView = useTagsViewRoutes(pinia);
 	storesTagsView.setTagsViewRoutes(formatTwoStageRoutes(formatFlatteningRoutes(dynamicRoutes))[0].children);
 }
 
@@ -108,7 +105,7 @@ export async function setAddRoute() {
  */
 export function getBackEndControlRoutes() {
 	// 模拟 admin 与 test
-	const stores = useUserInfo(pinia);
+	const stores = useUserInfo();
 	const { userInfos } = storeToRefs(stores);
 	const auth = userInfos.value.roles[0];
 	// 管理员 admin
diff --git a/src/router/frontEnd.ts b/src/router/frontEnd.ts
index 195f181d00815f0acb6057515d5f5c3c38aa1b5d..77499d45cbd318637aaf5c796b7fe76cf100b063 100644
--- a/src/router/frontEnd.ts
+++ b/src/router/frontEnd.ts
@@ -2,11 +2,10 @@ import { RouteRecordRaw } from 'vue-router';
 import { storeToRefs } from 'pinia';
 import { formatTwoStageRoutes, formatFlatteningRoutes, router } from '/@/router/index';
 import { dynamicRoutes, notFoundAndNoPower } from '/@/router/route';
-import pinia from '/@/stores/index';
 import { Session } from '/@/utils/storage';
 import { useUserInfo } from '/@/stores/userInfo';
-import { useTagsViewRoutes } from '/@/stores/tagsViewRoutes';
-import { useRoutesList } from '/@/stores/routesList';
+import storesTagsView from '/@/stores/tagsViewRoutes';
+import storesRoutesList from '/@/stores/routesList';
 import { NextLoading } from '/@/utils/loading';
 
 // 前端控制路由
@@ -25,7 +24,7 @@ export async function initFrontEndControlRoutes() {
 	if (!Session.get('token')) return false;
 	// 触发初始化用户信息 pinia
 	// https://gitee.com/lyt-top/vue-next-admin/issues/I5F1HP
-	await useUserInfo(pinia).setUserInfos();
+	await useUserInfo().setUserInfos();
 	// 无登录权限时，添加判断
 	// https://gitee.com/lyt-top/vue-next-admin/issues/I64HVO
 	if (useUserInfo().userInfos.roles.length <= 0) return Promise.resolve(true);
@@ -81,7 +80,7 @@ export function setFilterRouteEnd() {
  * @returns 返回有当前用户权限标识的路由数组
  */
 export function setFilterRoute(chil: any) {
-	const stores = useUserInfo(pinia);
+	const stores = useUserInfo();
 	const { userInfos } = storeToRefs(stores);
 	let filterRoute: any = [];
 	chil.forEach((route: any) => {
@@ -102,8 +101,7 @@ export function setFilterRoute(chil: any) {
  */
 export function setCacheTagsViewRoutes() {
 	// 获取有权限的路由，否则 tagsView、菜单搜索中无权限的路由也将显示
-	const stores = useUserInfo(pinia);
-	const storesTagsView = useTagsViewRoutes(pinia);
+	const stores = useUserInfo();
 	const { userInfos } = storeToRefs(stores);
 	let rolesRoutes = setFilterHasRolesMenu(dynamicRoutes, userInfos.value.roles);
 	// 添加到 pinia setTagsViewRoutes 中
@@ -116,8 +114,7 @@ export function setCacheTagsViewRoutes() {
  * @description 用于 tagsView、菜单搜索中：未过滤隐藏的(isHide)
  */
 export function setFilterMenuAndCacheTagsViewRoutes() {
-	const stores = useUserInfo(pinia);
-	const storesRoutesList = useRoutesList(pinia);
+	const stores = useUserInfo();
 	const { userInfos } = storeToRefs(stores);
 	storesRoutesList.setRoutesList(setFilterHasRolesMenu(dynamicRoutes[0].children, userInfos.value.roles));
 	setCacheTagsViewRoutes();
diff --git a/src/router/index.ts b/src/router/index.ts
index a92deabc00c07ca2bab73e115dda0cd56c83b354..6f32ded7efc7135c88525baccb9cacde6f39edda 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,11 +1,10 @@
 import { createRouter, createWebHashHistory } from 'vue-router';
 import NProgress from 'nprogress';
 import 'nprogress/nprogress.css';
-import pinia from '/@/stores/index';
 import { storeToRefs } from 'pinia';
-import { useKeepALiveNames } from '/@/stores/keepAliveNames';
-import { useRoutesList } from '/@/stores/routesList';
-import { useThemeConfig } from '/@/stores/themeConfig';
+import stores from '/@/stores/keepAliveNames';
+import storesRoutesList from '/@/stores/routesList';
+import storesThemeConfig from '/@/stores/themeConfig';
 import { Session } from '/@/utils/storage';
 import { staticRoutes, notFoundAndNoPower } from '/@/router/route';
 import { initFrontEndControlRoutes } from '/@/router/frontEnd';
@@ -21,7 +20,6 @@ import { initBackEndControlRoutes } from '/@/router/backEnd';
  */
 
 // 读取 `/src/stores/themeConfig.ts` 是否开启后端控制路由配置
-const storesThemeConfig = useThemeConfig(pinia);
 const { themeConfig } = storeToRefs(storesThemeConfig);
 const { isRequestRoutes } = themeConfig.value;
 
@@ -82,7 +80,6 @@ export function formatTwoStageRoutes(arr: any) {
 			// 路径：/@/layout/routerView/parent.vue
 			if (newArr[0].meta.isKeepAlive && v.meta.isKeepAlive) {
 				cacheList.push(v.name);
-				const stores = useKeepALiveNames(pinia);
 				stores.setCacheKeepAlive(cacheList);
 			}
 		}
@@ -107,7 +104,6 @@ router.beforeEach(async (to, from, next) => {
 			next('/home');
 			NProgress.done();
 		} else {
-			const storesRoutesList = useRoutesList(pinia);
 			const { routesList } = storeToRefs(storesRoutesList);
 			if (routesList.value.length === 0) {
 				if (isRequestRoutes) {
diff --git a/src/stores/index.ts b/src/stores/index.ts
deleted file mode 100644
index 27c377ed5fd25a4dd52c1f739a720e9f3b316e1d..0000000000000000000000000000000000000000
--- a/src/stores/index.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-// https://pinia.vuejs.org/
-import { createPinia } from 'pinia';
-
-// 创建
-const pinia = createPinia();
-
-// 导出
-export default pinia;
diff --git a/src/stores/keepAliveNames.ts b/src/stores/keepAliveNames.ts
index 981198f2f649e1c037b3601770bfbce13c51095e..fe505bc2efe4fa9af525584767aac80b2fa6c755 100644
--- a/src/stores/keepAliveNames.ts
+++ b/src/stores/keepAliveNames.ts
@@ -8,7 +8,7 @@ import { defineStore } from 'pinia';
  * @methods delOthersCachedViews 右键菜单`关闭其它`，删除要缓存的路由 names（关闭 Tagsview）
  * @methods delAllCachedViews 右键菜单`全部关闭`，删除要缓存的路由 names（关闭 Tagsview）
  */
-export const useKeepALiveNames = defineStore('keepALiveNames', {
+let define = defineStore('keepALiveNames', {
 	state: (): KeepAliveNamesState => ({
 		keepAliveNames: [],
 		cachedViews: [],
@@ -33,3 +33,5 @@ export const useKeepALiveNames = defineStore('keepALiveNames', {
 		},
 	},
 });
+
+export default define()
diff --git a/src/stores/pinia.ts b/src/stores/pinia.ts
new file mode 100644
index 0000000000000000000000000000000000000000..b47d98e203a8da7124ff00efbd50993c86ce3c6b
--- /dev/null
+++ b/src/stores/pinia.ts
@@ -0,0 +1,6 @@
+import {createPinia, setActivePinia} from 'pinia'
+
+let pinia = createPinia()
+setActivePinia(pinia)
+
+export default pinia
diff --git a/src/stores/requestOldRoutes.ts b/src/stores/requestOldRoutes.ts
index b14ecc24d0536d03145e8cc2b1ef55b0317a0552..91130a8d9e10413c8759193c4ab44b22e4ce04cf 100644
--- a/src/stores/requestOldRoutes.ts
+++ b/src/stores/requestOldRoutes.ts
@@ -4,7 +4,7 @@ import { defineStore } from 'pinia';
  * 后端返回原始路由(未处理时)
  * @methods setCacheKeepAlive 设置接口原始路由数据
  */
-export const useRequestOldRoutes = defineStore('requestOldRoutes', {
+let define = defineStore('requestOldRoutes', {
 	state: (): RequestOldRoutesState => ({
 		requestOldRoutes: [],
 	}),
@@ -14,3 +14,5 @@ export const useRequestOldRoutes = defineStore('requestOldRoutes', {
 		},
 	},
 });
+
+export default define()
diff --git a/src/stores/routesList.ts b/src/stores/routesList.ts
index 5e3a249e0ae7701dcb623866096b155265242133..ee263cbb0c29c6637024fa1ae94990be119ece2b 100644
--- a/src/stores/routesList.ts
+++ b/src/stores/routesList.ts
@@ -6,7 +6,7 @@ import { defineStore } from 'pinia';
  * @methods setColumnsMenuHover 设置分栏布局菜单鼠标移入 boolean
  * @methods setColumnsNavHover 设置分栏布局最左侧导航鼠标移入 boolean
  */
-export const useRoutesList = defineStore('routesList', {
+let define = defineStore('routesList', {
 	state: (): RoutesListState => ({
 		routesList: [],
 		isColumnsMenuHover: false,
@@ -24,3 +24,5 @@ export const useRoutesList = defineStore('routesList', {
 		},
 	},
 });
+
+export default define()
diff --git a/src/stores/tagsViewRoutes.ts b/src/stores/tagsViewRoutes.ts
index cfb3e39a004a43e68e69a39c2b106cf919f5fa21..963682b98a14f4f6ef3192e106e782a97a3d3726 100644
--- a/src/stores/tagsViewRoutes.ts
+++ b/src/stores/tagsViewRoutes.ts
@@ -6,7 +6,7 @@ import { Session } from '/@/utils/storage';
  * @methods setTagsViewRoutes 设置 TagsView 路由列表
  * @methods setCurrenFullscreen 设置开启/关闭全屏时的 boolean 状态
  */
-export const useTagsViewRoutes = defineStore('tagsViewRoutes', {
+let define = defineStore('tagsViewRoutes', {
 	state: (): TagsViewRoutesState => ({
 		tagsViewRoutes: [],
 		isTagsViewCurrenFull: false,
@@ -21,3 +21,5 @@ export const useTagsViewRoutes = defineStore('tagsViewRoutes', {
 		},
 	},
 });
+
+export default define()
diff --git a/src/stores/themeConfig.ts b/src/stores/themeConfig.ts
index 3e8e683b959d2cc668fc6a6e897f042ee8f840a4..f155538531ad720557be4365a96aa6590f73ffe5 100644
--- a/src/stores/themeConfig.ts
+++ b/src/stores/themeConfig.ts
@@ -8,7 +8,7 @@ import { defineStore } from 'pinia';
  * 1、需要每次都清理 `window.localStorage` 浏览器永久缓存
  * 2、或者点击布局配置最底部 `一键恢复默认` 按钮即可看到效果
  */
-export const useThemeConfig = defineStore('themeConfig', {
+let define = defineStore('themeConfig', {
 	state: (): ThemeConfigState => ({
 		themeConfig: {
 			// 是否开启布局配置抽屉
@@ -154,3 +154,5 @@ export const useThemeConfig = defineStore('themeConfig', {
 		},
 	},
 });
+
+export default define()
diff --git a/src/utils/other.ts b/src/utils/other.ts
index 876972ca75a555e220f7de932357dd9171ddb2bb..9c951aad9dcfec6f3a253fe5486fefa043044d1f 100644
--- a/src/utils/other.ts
+++ b/src/utils/other.ts
@@ -2,9 +2,8 @@ import { nextTick, defineAsyncComponent } from 'vue';
 import type { App } from 'vue';
 import * as svg from '@element-plus/icons-vue';
 import router from '/@/router/index';
-import pinia from '/@/stores/index';
 import { storeToRefs } from 'pinia';
-import { useThemeConfig } from '/@/stores/themeConfig';
+import stores from '/@/stores/themeConfig';
 import { i18n } from '/@/i18n/index';
 import { Local } from '/@/utils/storage';
 import { verifyUrl } from '/@/utils/toolsValidate';
@@ -30,7 +29,6 @@ export function elSvg(app: App) {
  * @method const title = useTitle(); ==> title()
  */
 export function useTitle() {
-	const stores = useThemeConfig(pinia);
 	const { themeConfig } = storeToRefs(stores);
 	nextTick(() => {
 		let webTitle = '';
@@ -101,7 +99,6 @@ export const lazyImg = (el: string, arr: EmptyArrayType) => {
  * @returns 返回 `window.localStorage` 中读取的缓存值 `globalComponentSize`
  */
 export const globalComponentSize = (): string => {
-	const stores = useThemeConfig(pinia);
 	const { themeConfig } = storeToRefs(stores);
 	return Local.get('themeConfig')?.globalComponentSize || themeConfig.value?.globalComponentSize;
 };
diff --git a/src/views/login/component/account.vue b/src/views/login/component/account.vue
index a646f5a131da8b9f3e2590fa604c02a77bd71573..8fddfb78ec6c63eebdcae2520cf994799a46c2f3 100644
--- a/src/views/login/component/account.vue
+++ b/src/views/login/component/account.vue
@@ -62,7 +62,7 @@ import { ElMessage } from 'element-plus';
 import { useI18n } from 'vue-i18n';
 import Cookies from 'js-cookie';
 import { storeToRefs } from 'pinia';
-import { useThemeConfig } from '/@/stores/themeConfig';
+import storesThemeConfig from '/@/stores/themeConfig';
 import { initFrontEndControlRoutes } from '/@/router/frontEnd';
 import { initBackEndControlRoutes } from '/@/router/backEnd';
 import { Session } from '/@/utils/storage';
@@ -71,7 +71,6 @@ import { NextLoading } from '/@/utils/loading';
 
 // 定义变量内容
 const { t } = useI18n();
-const storesThemeConfig = useThemeConfig();
 const { themeConfig } = storeToRefs(storesThemeConfig);
 const route = useRoute();
 const router = useRouter();
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index aa53bc49ff4c7c1e3df733a90d799eb419c9452e..16600f8708ce32f3651f0160c785e03ac0ee95c5 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -45,7 +45,7 @@
 <script setup lang="ts" name="loginIndex">
 import { defineAsyncComponent, onMounted, reactive, computed } from 'vue';
 import { storeToRefs } from 'pinia';
-import { useThemeConfig } from '/@/stores/themeConfig';
+import storesThemeConfig from '/@/stores/themeConfig';
 import { NextLoading } from '/@/utils/loading';
 import logoMini from '/@/assets/logo-mini.svg';
 import loginMain from '/@/assets/login-main.svg';
@@ -57,7 +57,6 @@ const Mobile = defineAsyncComponent(() => import('/@/views/login/component/mobil
 const Scan = defineAsyncComponent(() => import('/@/views/login/component/scan.vue'));
 
 // 定义变量内容
-const storesThemeConfig = useThemeConfig();
 const { themeConfig } = storeToRefs(storesThemeConfig);
 const state = reactive({
 	tabsActiveName: 'account',
diff --git a/vite.config.ts b/vite.config.ts
index 6c2b27422c25a6392ea00704fd7e50638fc67d67..f2d1d9ca73c1fc683aef6d89c922612d40522cc8 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -28,11 +28,24 @@ const viteConfig = defineConfig((mode: ConfigEnv) => {
 			open: JSON.parse(env.VITE_OPEN),
 			hmr: true,
 			proxy: {
-				'/gitee': {
-					target: 'https://gitee.com',
+				[env.VITE_API_URL]: {
+					target: env.VITE_API_URL.substring(1),
 					ws: true,
 					changeOrigin: true,
-					rewrite: (path) => path.replace(/^\/gitee/, ''),
+					rewrite: (path) => path.replace(env.VITE_API_URL, ''),
+					configure(proxy, options){
+						// https://github.com/http-party/node-http-proxy/tree/master
+						options.secure = false; // https 允许自签名证书
+						proxy.on('proxyRes', (proxyRes: any) => {
+							let cookies = proxyRes.headers['set-cookie'];
+							if(cookies) {
+								for(let i in cookies){
+									// 开发环境下忽视 cookie https/同源策略 相关安全检查
+									cookies[i] = cookies[i].replace(/; *Secure|; *SameSite=\w+/ig, '');
+								}
+							}
+						})
+					}
 				},
 			},
 		},