json-server基本使用_json-server是什么-优快云博客

本文链接：https://blog.youkuaiyun.com/chen__cheng/article/details/114978577

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_01

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

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

json_02

根据以上的目录信息输入相应的路径，可以获取到对应的内容，比如：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来开启服务