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
来开启服务
- 在