# json-server

json-server (opens new window) 是为前端提供简单易操作的 RestFul 接口的服务。下面来介绍使用方法,更详细的操作请查看官方文档 (opens new window)

# 安装配置

在项目中执行以下命令来安装json-server

npm install -g json-server

或

yarn add global json-server

然后右项目中执行以下命令

  • port 指运行服务的端口号
  • db.json 为数据为文件(如不存在,系统会自动创建)
json-server --watch --port 3002 db.json

# 文件构建

下面是生成的db.json文件结构,posts/comments/profile 为数据列表

{
  "posts": [
    {
      "id": 1,
      "title": "json-server",
      "author": "typicode"
    }
  ],
  "comments": [
    {
      "id": 1,
      "body": "some comment",
      "postId": 1
    }
  ],
  "profile": {
    "name": "typicode"
  }
}

# 接口请求

json-server支持restful api操作方式

GET    /posts
GET    /posts/1
POST   /posts
PUT    /posts/1
PATCH  /posts/1
DELETE /posts/1

获取 posts 列表

http://localhost:3002/posts

删除id为 2 的posts数据,需要以delete请求以下接口

http://localhost:3002/posts/2

添加新post,需要发送post请求以下接口

http://localhost:3002/posts

POST, PUT or PATCH 请求时设置 Content-Type: application/json,用于提交json数据。