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

相关推荐
赵庆明老师3 小时前
vben开发入门6:tsconfig.json
json·vue3·vben
jnrjian4 小时前
DR$ JSON_INDEX $DG表的处理 Json search index data guide
oracle·json
李少兄9 小时前
Fastjson2 处理 JSON 字段大小写不一致的优雅方案
java·json
ZC跨境爬虫9 小时前
3D 地球卫星轨道可视化平台开发 Day13(卫星可视化交互优化+丝滑悬停聚焦)
前端·算法·3d·json·交互
Full Stack Developme10 小时前
Hutool JSON 操作教程
windows·python·json
ZC跨境爬虫10 小时前
3D地球卫星轨道可视化平台开发 Day14(彻底移除多余阴影)
前端·javascript·3d·信息可视化·json
ZC跨境爬虫10 小时前
3D 地球卫星轨道可视化平台开发 Day12(解决初始相位拥挤问题,实现卫星均匀散开渲染)
前端·javascript·算法·3d·json
被放养的研究生11 小时前
vscode-settings.json(直接复制使用,带有注释)
ide·vscode·json
weixin_5206498712 小时前
xml json ini 文件语法
xml·java·json
ZC跨境爬虫1 天前
3D 地球卫星轨道可视化平台开发 Day7(AI异步加速+卫星系列精简+AI Agent自动评论)
前端·人工智能·3d·html·json