- 移除未使用的TabPane组件 - 修复类型定义和导入方式 - 优化mock数据源的环境变量判断逻辑 - 更新文档结构并归档旧文件 - 添加新的UI组件和Memo组件 - 调整API路径和响应处理
38 lines
1.4 KiB
TypeScript
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;
|