npm install json-server
创建 db.json
或 db.json5
文件
{
"posts": [
{ "id": "1", "title": "a title", "views": 100 },
{ "id": "2", "title": "another title", "views": 200 }
],
"comments": [
{ "id": "1", "text": "a comment about post 1", "postId": "1" },
{ "id": "2", "text": "another comment about post 1", "postId": "1" }
],
"profile": {
"name": "typicode"
}
}
{
posts: [
{ id: '1', title: 'a title', views: 100 },
{ id: '2', title: 'another title', views: 200 },
],
comments: [
{ id: '1', text: 'a comment about post 1', postId: '1' },
{ id: '2', text: 'another comment about post 1', postId: '1' },
],
profile: {
name: 'typicode',
},
}
您可以阅读有关 JSON5 格式的更多信息 here.
将其传递给 JSON Server CLI
$ npx json-server db.json
获取 REST API
$ curl http://localhost:3000/posts/1
{
"id": "1",
"title": "a title",
"views": 100
}
运行 json-server --help
获取选项列表
根据示例 db.json
,您将获得以下路线:
GET /posts
GET /posts/:id
POST /posts
PUT /posts/:id
PATCH /posts/:id
DELETE /posts/:id
# Same for comments
GET /profile
PUT /profile
PATCH /profile
→ ==
lt
→ <
lte
→ <=
gt
→ >
gte
→ >=
ne
→ !=
GET /posts?views_gt=9000
start
end
limit
GET /posts?_start=10&_end=20
GET /posts?_start=10&_limit=10
page
per_page
(default = 10)GET /posts?_page=1&_per_page=25
_sort=f1,f2
GET /posts?_sort=id,-views
x.y.z...
x.y.z[i]...
GET /foo?a.b=bar
GET /foo?x.y_lt=100
GET /foo?arr[0]=bar
GET /posts?_embed=comments
GET /comments?_embed=post
DELETE /posts/1
DELETE /posts/1?_dependent=comments
如果您创建 ./public
目录,JSON 服务器除了提供 REST API 之外,还会提供其内容。
您也可以使用 -s/--static
选项添加自定义目录。
json-server -s ./static
json-server -s ./static -s ./node_modules
id
始终为字符串,如果缺失,系统会为您生成。_per_page
和 _page
而不是 _limit
进行分页。Network tab > throttling
来延迟请求,而不是 --delay
CLI 选项。