src =》 src是最重要的一个目录!所以略去其他目录,重点介绍这个
│ index.css =》 全局样式
│ index.js =》 项目入口*
│
├─components =》 公用组件库
├─http =》 对axios请求库的封装*
│ apis.js =》 api接口
│ http.js =》 对请求对象封装
│ service.js =》 对axios封装*
│
├─layout =》 布局文件(因为项目简单,故没有用到)
├─router =》 项目路由*
│ index.js
│
├─static =》 静态资源
│ └─imgs
│ indexBackground.jpg
│
├─store =》 存储库,用来封装`redux`等状态管理库(项目简单,未使用)
├─utils =》 公用工具,封装一些使用频率高的模块、函数(未使用)
└─views =》 页面目录,所有页面均位于此***
│ App.jsx =》 页面入口
│
├─Index => 首页
│ │ index.jsx =》 首页
│ │ index.scss =》 样式
│ │
│ └─components =》 首页专用组件
└─Login
│ index.jsx =》 登录页
│ index.scss =》 登录页样式
│
└─components =》 登录页专用组件
│ Block.scss =》 公用样式
│
├─LoginBlock
│ LoginBlock.jsx =》 登录组件
│
└─RegisterBlock
RegisterBlock.jsx =》 注册组件