React Jira 项目开发笔记-2. JSON Server

JSON Server

JsonServer项目官网

yarn v1.22.19
json-server v0.17.3

# 依赖全局安装
yarn global add json-server

使用 JSON Server

1. 在本地项目文件夹创建 db.json 文件，写入以下文件内容

   {
       "users": []
   }
   

2. 启动 JSON Server

   json-server --watch db.json
   

   server启动后预期打印内容

   Resources
   http://localhost:3000/users
   
   Home
   http://localhost:3000
   

   打开浏览器，访问上述地址 http://localhost:3000/users，预期打印 []

3. 下载并安装 Postman
   安装之后需要注册一个账号并登录，登录后点击右上角 File > New > Http

添加数据

1. 使用 POST 方法
2. Body 中补充数据
   Method: POST
   URL: http://localhost:3000/users
   Body:

   {
       "name": "Jack"
   }
   

   
3. 再次 get 数据
4. 返回 db.json 查看文件内容是否修改

修改数据

1. 使用 PATCH 方法

2. Body 中补充数据
   Method: PATCH
   URL: http://localhost/users/1
   Body

   {
       name: "Rose"
   }
   

   

3. 查看 db.json 数据是否修改成功

删除数据

1. 使用 DELETE 方法
2. 修改数据
   Method: DELETE
   URL: http://localhost:3000/users/1
3. 查看 db.json 数据是否删除成功