gem-hunter
Language: JavaScript
React+vite+redux+ant design+axios+less全家桶后台管理框架
node + react@18.3.1 + redux@5.0.1 + @reduxjs/toolkit@2.2.0 + react-router-dom@6.28.1 + vite@6.0.5 + axios@1.7.9 + less@4.2.0 + antd@6.3.2 + echarts@5.6.0 + draft-js@0.11.7
QQ群：159697743（萌萌哒前端人）
git clone --depth 1 https://github.com/duxianwei520/react.git
cd react (进入项目)
npm install (安装依赖包)
npm start (启动服务，包含开发服务器和mock服务)
npm run build (正式环境的打包部署)
服务端返回的数据格式也是标准的json，如下所示
{
data: {
totalCount: 100,
currentPage: 1,
pageSize: 10,
'list': [
],
},
msg: '',
status: 1,
}
所有异步请求返回都会经过configs里面的ajax.js做处理，如果请求没有任何问题，那status返回值是1； 如果请求错误，比如说参数错误或者其他报错之类的，那status返回值就是0； 如果status值是-1，表示登录超时，那么就会跳出登录。 这些参数都可以根据实际情况进行调整，报错或者成功的提示信息放在msg里面返回。 当前项目集成了完整的用户管理、角色管理、模块管理等基本的权限管理功能，启动npm start即可看到完整功能
这个react的项目我有在跟nodejs的express框架配合做接口的开发，可以不靠后端输出数据库真实的数据，仓库地址在
https://github.com/duxianwei520/express
还有一个原生的nodejs版本的，仓库库地址是
https://github.com/duxianwei520/node
基本功能差不多，目前实现了注册登录以及获取用户信息等3个接口的真实api
如有问题请直接在 Issues 中提，或者您发现问题并有非常好的解决方案，欢迎 PR 👍
import axios from 'axios'
const axiosHandle = axios.CancelToken.source()
login(){
this.props.dispatch(fetchLogin(values, (res) => {},(error)=>{},axiosHandle)
取消请求的操作
setTimeout(() => {
axiosHandle.cancel('手动取消。')
}, 3000)
}
想跟其他的使用react的小伙伴们交流的话，可以加入我创建的QQ群：159697743