自学内容网 自学内容网

前端-模拟请求数据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地址详情
在这里插入图片描述
哪些附带的删除修改等功能


原文地址:https://blog.csdn.net/preserveXing/article/details/140591298

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!