1、安装 npm install mockjs -D
2、配置mock
(1)数据文件:data.js
import Mock, {Random}from 'mockjs' let data=[] for(let i=0;i<Math.random()*10;i++){ let item= { title:Random.cparagraph(5,10), introduce:Random.cparagraph(20,60), courseImg:Random.image(), author:Random.cname(), date:Random.date() } data.push(item) } export default Mock.mock({ data })
(2) url配置文件 index.js
import Mock from 'mockjs' //引入数据 import data from './data.js' //配置url Mock.mock('http://localhost:3001/data','get',data)
3、react 入口文件引入 index.js 即可
4、服务不存在则不能成功,可以本地配置node服务实现,node配置成功启动即可
var express=require('express') var app=express() app.all("*", function (req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "Content-Type,token"); res.header("Access-Control-Allow-Methods", "*"); res.header("Content-Type", "application/json;charset=utf-8"); res.json({ data:true }) }); app.listen(3001,()=>{ console.log('port:3001') })