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

相关推荐
武藤一雄8 小时前
一款基于WPF开发的BEJSON转换工具
windows·c#·json·wpf
联系QQ 1808095110 小时前
基于SVPWM改进的异步电机/感应电机直接转矩控制:解决传统DTC转矩纹波大的问题“ 参考文...
json
娱乐我有10 小时前
北京深梵科技公益捐赠二十万 赋能流浪动物温暖过冬
人工智能·科技·json
charlee4410 小时前
使用cpp-httplib发布HTTP服务
c++·http·json·cpp-httplib
就是有点傻12 小时前
ASP.NET Core Web API中的launchSettings.json介绍
json·asp.net
小北方城市网12 小时前
第2课:零基础前端框架实操入门——从核心语法到第一个完整项目
javascript·ai·正则表达式·json·html5
Hcoco_me1 天前
RTMPose_JSON相关解读
算法·数据挖掘·json·聚类
码农阿豪1 天前
告别兼容焦虑:电科金仓 KES 如何把 Oracle 的 PL/SQL 和 JSON 业务“接住”
数据库·sql·oracle·json·金仓数据库
小肖爱笑不爱笑1 天前
JavaScript
java·javascript·json·web
m0_555762901 天前
CMakePresets.json与cmake区别
json