Files
makemd/dashboard/src/router.tsx
wurenzhi 2b86715c09 refactor: 优化代码结构并修复类型问题
- 移除未使用的TabPane组件
- 修复类型定义和导入方式
- 优化mock数据源的环境变量判断逻辑
- 更新文档结构并归档旧文件
- 添加新的UI组件和Memo组件
- 调整API路径和响应处理
2026-03-23 12:41:35 +08:00

38 lines
1.4 KiB
TypeScript

import React, { lazy, Suspense } from 'react';
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import LoadingState from './components/ui/LoadingState';
// 使用React.lazy实现组件懒加载
const OperationAgent = lazy(() => import('./pages/OperationAgent'));
const Homepage = lazy(() => import('./pages/Homepage'));
const Pricing = lazy(() => import('./pages/Pricing'));
const CaseStudy = lazy(() => import('./pages/CaseStudy'));
const LoginPage = lazy(() => import('./pages/Auth/LoginPage'));
const RegisterPage = lazy(() => import('./pages/Auth/RegisterPage'));
const AppRouter: React.FC = () => {
return (
<Router>
<Suspense fallback={<LoadingState fullScreen={true} />}>
<Routes>
{/* 首页商业化路由 */}
<Route path="/" element={<Homepage />} />
<Route path="/pricing" element={<Pricing />} />
<Route path="/case-study" element={<CaseStudy />} />
<Route path="/case-study/:id" element={<CaseStudy />} />
{/* 认证路由 */}
<Route path="/auth/login" element={<LoginPage />} />
<Route path="/auth/register" element={<RegisterPage />} />
{/* 后台路由 */}
<Route path="/operation-agent" element={<OperationAgent />} />
<Route path="/dashboard" element={<OperationAgent />} />
</Routes>
</Suspense>
</Router>
);
};
export default AppRouter;