json-server 安装,模拟后台数据请求

安装json-server

npm install -g json-server

新建db.json文件，里面放自己的数据

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

命令进到db的目录下

json-server db.json

把db.json文件托管成一个 web 服务

json-server --watch --port 53000 db.json

访问链接就会变成  http://localhost/53000/posts,json里面用的什么名字 这地方就是什么  比如：

最后，为了方便不用每次都敲一遍命令，可以直接在db.json的目录下新建文件package.json

并在文件里加入如下（因为我的把db.json文件托管成一个 web 服务，所以加入的是如下代码，如果没有委托成web服务，就可以输入  "server":"json-server db.json --port 3000"）

{
  "scripts":{
	"server":"json-server --watch --port 50000 db.json"
  }
}

//获取所有数据
http://localhost:53000/listData
//获取id为1的数据
http://localhost:53000/listData/1
//获取城市为南京的数据
http://localhost:53000/listData?city=南京
//根据多个名字数据
http://localhost:53000/listData?city=南京&city=上海
//获取一页中只有两条数据
http://localhost:53000/listData?_page=1&_limit=2
//获取从第3条开始的5条数据
http://localhost:53000/listData?_start=3&_limit=5
//升序排序  desc降序  asc升序
http://localhost:53000/listData?_sort=name&_order=asc
//获取title中带有一的数据
http://localhost:53000/listData?title_like=一
//获取年龄为30以及30以上的
http://localhost:53000/listData?age_gte=30
//获取年龄为30到40之间的
http://localhost:53000/listData?age_gte=30&age_gte=40
//搜索带有描述两字的数据
http://localhost:53000/listData?q=描述