json-server的基本使用

json-server是什么

一个在前端本地运行，可以存储 json 数据的server。

作为一个前端开发工程师，在后端还没有准备好的时候，不可避免的要使用mock的数据。在本地模拟后端接口用来测试前端效果 这种做法称之为构建前端Mock 。很多时候，我们并不想使用简单的静 态数据，而是希望自己起一个本地的server来完全模拟请求以及请求回来的过程。json-server是一个很好的工具。

安装

npm install json-server -g

使用

1、首先准备一个 json 文件，比如下面的 data.json 文件

{
     
  "users": [
    {
     
      "id": 1,
      "username": "admin1",
      "age": 18,
      "job": 1
    },
    {
     
      "id": 2,
      "username": "admin2",
      "age": 28,
      "job": 2
    },
    {
     
      "id": 3,
      "username": "admin3",
      "age": 38,
      "job": 3
    }
  ],
  "jobs": [
    {
     
      "id": 1,
      "name": "学生"
    },
    {
     
      "id": 2,
      "name": "老师"
    },
    {
     
      "id": 3,
      "name": "司机"
    },
    {
     
      "id": 4,
      "name": "黑客"
    }
  ]
}

2、启动服务 json-server --watch --port 3001 data.json 这个mock服务，管理的数据就是我们刚刚创建的data.json

如何输出类似以下内容，说明启动成功了。

3、使用 json-server 支持的功能，即可在对数据进行访问
（1）访问 http://localhost:3001/users

（2）我们也可以通过 id 进行访问，通过id对数据进行过滤 http://localhost:3001/users/1 （访问users数组中id为1的那个 对象）

（3）也可以根据其他属性对数据进行过滤查找，例如我们根据age进行查找，最后拿到的是一个 数组 http://localhost:3001/users?age=18

---

资料

json-server全攻略

https://www.cnblogs.com/ccyq/p/11287943.html

https://www.jianshu.com/p/81373d90f9f0