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

相关推荐

  1. 【react】如何拦截自发请求

    2024-07-21 20:26:04       58 阅读
  2. pytest常用介绍

    2024-07-21 20:26:04       59 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-21 20:26:04       172 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-21 20:26:04       190 阅读
  3. 在Django里面运行非项目文件

    2024-07-21 20:26:04       158 阅读
  4. Python语言-面向对象

    2024-07-21 20:26:04       171 阅读

热门阅读

  1. 2024.7.20 暑期训练记录(6)

    2024-07-21 20:26:04       30 阅读
  2. 调用第三方接口-OkHttpClient

    2024-07-21 20:26:04       33 阅读
  3. C Prinmer Plus笔记第1-6章

    2024-07-21 20:26:04       34 阅读
  4. MySQL8的备份方案——差异备份(CentOS)

    2024-07-21 20:26:04       34 阅读
  5. C语言——数组指针

    2024-07-21 20:26:04       38 阅读
  6. 【Golang 面试基础题】每日 5 题(一)

    2024-07-21 20:26:04       39 阅读
  7. npm小记

    2024-07-21 20:26:04       31 阅读
  8. 【busybox记录】【shell指令】df

    2024-07-21 20:26:04       36 阅读
  9. C语言之封装,继承,多态

    2024-07-21 20:26:04       43 阅读
  10. 【广告&推荐】首选积分墙:试玩星shiwanxing.com

    2024-07-21 20:26:04       34 阅读
  11. 大模型的短期记忆和长期记忆各自的使用场景

    2024-07-21 20:26:04       39 阅读
  12. 深入探索Flutter中的状态管理:使用Provider库

    2024-07-21 20:26:04       34 阅读
  13. 认识一下哈希函数

    2024-07-21 20:26:04       36 阅读
  14. 在 CentOS-Stream-9 中使用 network 代替 NetworkManager

    2024-07-21 20:26:04       29 阅读