json-server的简单使用

1. json-server 的使用场景

在后端的相关的数据还没有准备好时，前端会不可避免的会使用 mock 数据。很多时候，我们并不想使用简单的静态数据，而是希望自己能够开启一个本地的 mock-server 开完全模拟请求以及请求回来的过程，这个使用我们可以使用 json-server 来实现。

2. json-server 的安装

npn install json-server -g

3. 开启 json-server，并监听 db.json文件

json-server --watch db.json

3. json-server 使用文档

https://www.npmjs.com/package/json-server

4. json-server 使用实列

创建一个data.json文件，相关的文件内容如下：

{
	"users": [
		{
			"id": 1,
			"username": "admin",
			"age": 18,
			"job": 2
		}, 
		{
			"id": 2,
			"username": "admin2",
			"age": 18,
			"job": 4
		}, 
		{
			"id": 3,
			"username": "admin3",
			"age": 18,
			"job": 2
		}
	]
}

进入到相关的项目文件，启用 http-server 服务：

json-server --watch data.json

启用 http-server 后输入相关的网址地址数据信息显示如下：

此时前端就可以通过该相关的网址访问到相关的数据信息。