大纲
- 第一步下载
- 第二配置mook的数据源
- 第三配置启动命令
- 第四运行模拟服务
- 第五测试接口
- 如果要进行更复杂的操作
第一步下载
npm install json-server -D
"devDependencies": {
"json-server": "^1.0.0-beta.1"
}
第二配置mook的数据源
在项目的根目录新建一个server文件
里面存放data.json
数据
第三配置启动命令
在package.json中找到scripts
配置server指令 可以自定义名字
"scripts": {
"start": "react-scriptsstart",
"build": "react-scriptsbuild",
"test": "react-scripts test",
"eject": "react-scripts eject",
"server":"json-server ./server/data.json --port 4007"
},
./server/data.json 就是数据存放的地址 可以按照你的结构来
第四运行模拟服务
npm run server
第五测试接口
复制地址在浏览器代开
http://localhost:4007/api1
只要这个命令行不关闭 那么我们的服务就会一直起来
如果要进行更复杂的操作
可以看官方的提示
链接如下
json-server的npm地址详情
哪些附带的删除修改等功能