您的当前位置:首页正文

json-server的简单使用

2024-11-27 来源:个人技术集锦
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 使用文档

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
显示全文