cr0w

-High end color matching

导航

Json-server使用指南

安装json-server

npm i json-server -g
    • i表示install,即安装
    • -g表示global,即全局安装
 

运行json-server

随便找个目录,创建一个db.json文件,内容如下

{
  "data": []
}

然后在该目录下打开命令行窗口,执行

json-server --watch db.json

回显如下说明成功

\{^_^}/ hi!

  Loading db.json
  Done

  Resources
  http://localhost:3000/data

  Home
  http://localhost:3000

  Type s + enter at any time to create a snapshot of the database
  Watching...

测试json-server

http://localhost:3000/data是接口地址,直接用curl发送POST,DELETE,PATCH,GET请求模拟增删改查,只要测试一个通过了即可,其他的感兴趣可以测试下。

增(POST)

curl "http://127.0.0.1:3000/data" -H "Content-Type: application/json" -d "{\"name\":\"zhangsan\"}" -X POST
  • -H表示增加请求头
  • -d后面是数据
  • -X POST表示用POST请求

返回值如下

{
  "name": "zhangsan",
  "id": 2
}

再看一下我们刚才创建的db.json文件,里面多了我们刚才POST的数据。实际上就是存在了这个文件里面。

改(PATCH)

注意改的时候url后面跟上id

curl "http://127.0.0.1:3000/data/2"  -H "Content-Type: application/json" -d "{\"name\":\"lisi\"}"  -X PATCH

返回如下

{
  "name": "lisi",
  "id": 2
}

说明修改成功

查(GET)

curl "http://127.0.0.1:3000/data"  -X GET

直接查全部

[
  {
    "name": "lisi",
    "id": 2
  }
]

删(DELETE)

删除id为2的数据

curl "http://127.0.0.1:3000/data/2" -X DELETE

返回如下

{}

posted on 2022-06-21 08:54  cr0w  阅读(271)  评论(0)    收藏  举报