深训网站,在线服务器网站,宝塔面板做织梦网站,百度云建站文章目录 1.目录结构定义2. 路由封装2.1 API路由定义2.2 组件路由定义 3. Axios请求开发4. 环境变量封装5. storage模块封装(sessionStorage, localStorage)6. 公共函数封装(日期,金额,权限..)7. 通用交互定义(删除二次确认,类别,面包屑...)8. 接口全貌概览 1.目录结构定义 2. … 文章目录 1.目录结构定义2. 路由封装2.1 API路由定义2.2 组件路由定义 3. Axios请求开发4. 环境变量封装5. storage模块封装(sessionStorage, localStorage)6. 公共函数封装(日期,金额,权限..)7. 通用交互定义(删除二次确认,类别,面包屑...)8. 接口全貌概览 1.目录结构定义 2. 路由封装 react-router6 2.1 API路由定义
2.1 API路由定义
import { Navigate, createHashRouter, createBrowserRouter } from react-router-dom
import Login from /views/Login
import Welcome from /views/Welcome
import Error403 from /views/403
import Error404 from /views/404export const router [{path: /,element: Welcome /},{path: /login,element: Login /},{path: *,// 匹配路由不到路由, 跳转404. 用Navigate组件重定向到404element: Navigate to/404 /},{path: /404,element: Error404 /},{path: /403,element: Error403 /},
]
export default createBrowserRouter(router)2.2 组件路由定义
3. Axios请求开发
4. 环境变量封装 运行时, 编译时 5. storage模块封装(sessionStorage, localStorage)
6. 公共函数封装(日期,金额,权限…)
7. 通用交互定义(删除二次确认,类别,面包屑…)
8. 接口全貌概览
