前端-模拟请求数据mook第三方插件 json-server的使用

第一步下载

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地址详情

哪些附带的删除修改等功能