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": "zhangsan@example.com",
    "age": 28
  },
  {
    "id": 2,
    "name": "李四",
    "email": "lisi@example.com",
    "age": 25
  },
  {
    "id": 3,
    "name": "王五",
    "email": "wangwu@example.com",
    "age": 32
  }
]
}

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

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

接口展示

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

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

相关推荐
C_心欲无痕1 小时前
nodejs - npm和package.json文件解析
前端·npm·json
AC赳赳老秦2 小时前
工业互联网赋能智造:DeepSeek解析产线传感器数据驱动质量管控新范式
前端·数据库·人工智能·zookeeper·json·flume·deepseek
查拉图斯特拉面条3 小时前
JMeter JSR223后置处理器:JSON数据处理与格式转换实战指南
python·jmeter·json
陌颜39114 小时前
四款实用便捷的JSON在线工具
大数据·json
FreeBuf_5 小时前
攻击者伪造Jackson JSON库入侵Maven中央仓库
java·json·maven
少莫千华1 天前
【Web API】RESTful API接口规范
前端·后端·json·api·restful·rest
aerror1 天前
JETFAY RX121BR V2 多协议小比例静改动接收机说明书
json
电商API&Tina2 天前
跨境电商 API 对接指南:亚马逊 + 速卖通接口调用全流程
大数据·服务器·数据库·python·算法·json·图搜索算法
查拉图斯特拉面条2 天前
JMeter JSON数据提取后处理指南:为ID值添加双引号
jmeter·json
ID_180079054732 天前
Python采集闲鱼商品详情API:JSON数据解析与应用实践
数据库·python·json