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

相关推荐
视觉AI20 小时前
HTTP 请求与数据交互全景指南:Request、GET、POST、JSON 及 curl
http·json·交互
愤怒的苹果ext1 天前
MySQL JSON查询与索引
mysql·json·虚拟列·多值索引
dcloud_jibinbin2 天前
【uniapp】解决小程序分包下的json文件编译后生成到主包的问题
前端·性能优化·微信小程序·uni-app·vue·json
Jonathan Star3 天前
Vue JSON结构编辑器组件设计与实现解析
vue.js·编辑器·json
工业甲酰苯胺4 天前
实现 json path 来评估函数式解析器的损耗
java·前端·json
optimistic_chen4 天前
【Java EE进阶 --- SpringBoot】统一功能处理
java·spring boot·java-ee·json·统一功能处理
Momentary_SixthSense5 天前
serde
开发语言·rust·json
MediaTea5 天前
Python 文件操作:JSON 格式
开发语言·windows·python·json
ejinxian6 天前
protobuf 、JSON、XML传输格式
xml·json·protobuf
zhougl9966 天前
cookie、session、token、JWT(JSON Web Token)
前端·json