json-server的使用(根据json数据一键生成接口)

一.使用目的

在前端开发初期,后端 API 可能还未完成,json-server 可以快速创建模拟的 RESTful API,帮助前端开发者进行开发和测试。

二.安装

复制代码
npm install json-server //局部安装


npm i json-server -g   //全局安装

三.使用教程

1.准备一个json格式的文件

这里是让ai生成的一段,用来演示,使用是根据你的情况具体改。

复制代码
{
  "users": [
  {
    "id": 1,
    "name": "张三",
    "email": "[email protected]",
    "age": 28
  },
  {
    "id": 2,
    "name": "李四",
    "email": "[email protected]",
    "age": 25
  },
  {
    "id": 3,
    "name": "王五",
    "email": "[email protected]",
    "age": 32
  }
]
}

2.进入该json文件的存储目录,右键,点击从终端中打开。

输入json-server --watch json文件的名字(按tab可以快速找到目标文件),然后按下回车

接口展示

即可看到接口已经生成了,可以帮助前端开发者进行调试。

详细使用请看官方文档 : https://www.npmjs.com/package/json-server

相关推荐
麓殇⊙2 小时前
springMVC-Json交互处理
json·交互
还是鼠鼠3 小时前
Node.js自定义中间件
javascript·vscode·中间件·node.js·json·express
懒惰的橘猫6 小时前
mapreduce工作原理
json
我自纵横202316 小时前
使用 JavaScript 动态设置 CSS 样式
开发语言·前端·javascript·css·html·json·html5
uyeonashi18 小时前
【C++】从零实现Json-Rpc框架(2)
开发语言·c++·rpc·json
inxunoffice1 天前
按规则批量修改 txt/html/json/xml/csv/记事本等文本文件内容
xml·json
JhonKI2 天前
【从零实现Json-Rpc框架】- 项目实现 - 客户端注册主题整合 及 rpc流程示意
c++·qt·网络协议·rpc·json
还是鼠鼠2 天前
Node.js中间件的5个注意事项
javascript·vscode·中间件·node.js·json·express
五行星辰2 天前
Fastjson 处理 JSON 生成与解析指南
java·json
JeJe同学3 天前
教程:如何使用 JSON 合并脚本
json·coco