react-admin

之前写了在vue中使用mockjs模拟后台接口,现在使用react,也把react中的使用写一下.基本方法和vue一样 我这个项目是用react脚手架搭建的,项目源码地址: https://github.com/shengbid/my-react-admin 1. 安装mockjs和axios yarn add axios -S yarn add mockjs - D 2. 在项目中新建几个文件,文件位置也没有特别规定要放在哪,根据自己的习惯放就行了 需要一个mock文件,配置接口数据;一个axios文件,配置axios;一般还会有一个接口管理文件,放接口名称,现在都不会直接在项目中引入axios调用 3. axios文件配置, 就是正常的请求拦截响应处理 /src/common/request.js import axios from 'axios' import { message } from 'antd' ; const service = axios.create({ // baseURL: '', timeout: 5000 }) service.interceptors.request.use( config => { return config }, error => { console.log(error) return Promise.reject(error)

项目地址： medux-react-admin 点击在线预览 在 上篇 中主要说明了本项目的一些主要思路，现在来看看具体代码：本项目使用 @medux/react-web-router + antd4 开发，全程使用 React Hooks，并配备了比较完善的脚手架。 安装及运行 // 注意一下，因为本项目风格检查要求以 LF 为换行符 // 所以请先关闭 Git 配置中 autocrlf git config --global core.autocrlf false git clone https://github.com/wooline/medux-react-admin.git cd medux-react-admin yarn install 复制代码 以开发模式运行 运行 yarn start ，会自动启动一个开发服务器。 开发模式时 React 热更新使用最新的 React Fast Refresh 方案，需要安装最新的 React Developer Tools。 以产品模式运行 首先运行 yarn build-local ，会将代码编译到 /dist/local 目录 然后进入 /dist/local 目录下，运行 node start.js ，会启动一个产品服务器 Demo 配置不同的运行环境 /conf 目录下可以为不同的运行环境设置不同的配置 /public