json-server基本使用

1.什么是json-server

JSON-Server是一个Node模块，运行Express服务器，作为一个mock工具，通过在本地搭建一个json服务器，产生测试数据，来模拟服务器端接口数据。用于前端开发人员，在进行前后端分离开发时，后端还没有搭建好时，可以使用json-server模拟 REST API。

总结：json-server是一个存储json数据的服务器。

官网地址：https://github.com/typicode/json-server

2.基本使用

• 安装json-server（全局安装）

  npm install -g json-server
  

• 在当前目录下创建一个db.json文件

  {
    "mies": [
      { "id": 1, "uname": "jiok", "age": "18" },
      { "id": 2, "uname": "po", "age": "20" }
    ],
    "comments": [
      { "id": 1, "body": "some comment", "postId": 1 }
    ],
    "profile": { "name": "typicode" }
  }
  

• 在当前目录下打开dos环境，键入：json-server --watch db.json

  如果出现以下的情况则表明启动成功：

如果输入之后回车没有任何反馈信息，则参考输入json-server命令没有任何输出

打开浏览器，输入：127.0.0.1:3000可以看到json文件的信息：

根据以上的目录信息输入相应的路径，可以获取到对应的内容，比如：127.0.0.1:3000/mies/1（表明请求/mies目录下id等于1的资源），结果为：{ "id": 1, "uname": "jiok", "age": "18" }

• 配置package.json文件，采用npm run xx形式开启json-server服务

  • 在package.json文件中的scripts属性中新增"jsonServer": "json-server --watch db.json"其中jsonServer作为"json-server --watch db.json"的别名，可以根据自己的命名习惯命名
  • 此时可以在当前目录下输入npm run jsonServer来开启服务