first commit

web/App.tsx

@@ -0,0 +1,49 @@
+import createRouter from "@/router";
+import {RouterProvider} from "react-router";
+import type {DataRouter} from "react-router";
+import useGlobalStore from "@/stores/global";
+import AntdProvider from "@/components/AntdProvider";
+import {useEffect, useState} from "react";
+import useLanguage from '@/hooks/useLanguage';
+import useAuthStore from "@/stores/user";
+import useDictStore from "@/stores/dict";
+
+const App = () => {
+  const { changeLanguage } = useLanguage();
+  const fetchUser = useAuthStore(state => state.info);
+  const initWebInfo = useGlobalStore(state => state.initWebInfo);
+  const initDict = useDictStore(state => state.initDict);
+  const [router, setRoute] = useState<DataRouter>();
+
+  const initData = async () => {
+    // 初始化网站信息
+    initWebInfo();
+    // 初始化字典数据
+    await initDict();
+    // 初始化多语言信息
+    await changeLanguage(localStorage.getItem('i18nextLng') || 'zh');
+    // 初始化用户数据
+    const isLoggedIn = !!localStorage.getItem('token');
+    if (isLoggedIn) {
+      await fetchUser();
+    } else {
+      if (window.location.pathname !== '/login') {
+        window.location.href = '/login';
+      }
+    }
+  }
+
+  // 执行初始化
+  useEffect(() => {
+    initData();
+    setRoute(createRouter());
+  }, []);
+
+  return (
+    <AntdProvider>
+      {router && <RouterProvider router={router} />}
+    </AntdProvider>
+  );
+};
+
+export default App;