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

相关推荐
Moshow郑锴2 天前
Oracle CLOB中包含不可见的控制字符导致golang中json转换失败问题
oracle·golang·json
带土12 天前
vscode json
vscode·json
羊锦磊2 天前
[ Redis ] SpringBoot集成使用Redis(补充)
java·数据库·spring boot·redis·spring·缓存·json
好好研究4 天前
JAVAEE知识整理之AJAX、JSON
ajax·java-ee·json·1024程序员节
明月与玄武5 天前
Wireshark 网络抓包分析:JSON 和 HTTPS!
https·wireshark·json
勉灬之5 天前
通过npm run XXX命令生成uniapp的pages.json文件
npm·uni-app·json
码农葫芦侠6 天前
Qt如何翻译JSON内容
qt·json
小丫头呀6 天前
.NET8 通过自定义类映射appsettings.json 文件某个节点的配置
json·.net·.net8
饺子大魔王的男人6 天前
JSON可视化工具JSONCrack全解析:使用cpolar从本地到云端的协作升级
json
组合缺一7 天前
全球首个支持 IETF JSONPath (RFC 9535) 标准的 Java 框架,Snack4-Jsonpath v4.0.0 发布
java·开发语言·json·jsonpath