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/404'export 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. 接口全貌概览