前端利用json-server模拟数据

1.安装 JSON 服务器

npm install -g json-server

1. 创建db.json文件存储一些基础数据 (数据库)

{
  "message": [
    {
      "id": 1,
      "title": "json-server",
      "author": "typicode"
    }
  ],
  "comment": [
    {
      "name": "张三",
      "region": "羽毛球",
      "date1": "2015-09-15T16:00:00.000Z",
      "date2": "2021-09-23T08:08:57.000Z",
      "delivery": true,
      "type": [
        "vue",
        "react"
      ],
      "resource": "男",
      "desc": "长条rap",
      "value": 100,
      "id": 1
    }
  ],
  "userInfo": {
    "name": "张三",
    "age": "18",
    "address": "上海市浦东新区"
  }
}

2. 启动 JSON 服务器

json-server --watch db.json

1. 现在如果你去http://localhost:3000/comment/1，你会得到

{
  "name": "张三",
  "region": "羽毛球",
  "date1": "2015-09-15T16:00:00.000Z",
  "date2": "2021-09-23T08:08:57.000Z",
  "delivery": true,
  "type": [
    "vue",
    "react"
  ],
  "resource": "男",
  "desc": "长条rap",
  "value": 100,
  "id": 1
}

2. 注意 —>同样在执行请求时

• 如果您发出 POST、PUT、PATCH 或 DELETE 请求，更改将自动且安全地保存到db.json
• 您的请求正文 JSON 应该是对象封闭的，就像 GET 输出一样。（例如{“name”: “Foobar”}）
• Id 值不可变。idPUT 或 PATCH 请求正文中的任何值都将被忽略。只有在 POST 请求中设置的值才会被尊重，但前提是尚未被采用。
• POST、PUT 或 PATCH 请求应包含一个
  Content-Type: application/json标头以在请求正文中使用 JSON。否则，它将返回 2XX 状态代码，但不会对数据进行更改。

3.请求方式

GET    /comment
GET    /comment/${id}
POST   /comment
PUT    /comment/${id}
PATCH  /comment/${id}
DELETE /comment/${id}