JSON-server的使用

JSON-server的使用

JSON-Server 是一个 Node 模块，运行 Express 服务器，你可以指定一个 json 文件作为 api 的数据源。(可以理解为模拟后端接口)

全局下载安装json-server

npm install -g json-server

然后创建一个json文件

//data.json
{
	"list":[
		{"id":1,"name":"张三","city":"北京"},
		{"id":2,"name":"李四","city":"上海"},
		{"id":3,"name":"王五","city":"广州"},
	]
}

启动文件，把json文件托管成一个 web 服务

json-server --watch fileName.json

类似这样则启动成功
http://localhost:3000/list 为请求路径，这时我们可以做一些增删改查操作
一些配置项：

配置项	简写	描述
-help	-h	查看所有命令选项
-watch	-w	是否监视文件自动刷新数据
–host	-H	设置域，默认为localhost
–port	-p	设置端口号，默认为3000
–routes		指定路由文件
–static		设置静态资源目录
–config		指定配置文件，默认为json-server.json
–version		查看版本号
–middlewares		指定中间件
–no-gzip		不能压缩
–delay		设置延迟响应
–id	-i	设置数据项/库的id属性，默认为id

一些简单操作

请求数据

	//请求全部的数据
	axios.get('http://localhost:3000/list')
	//想要进行分页
	/*
		_page:第几页
		_limit:每页显示几条
	*/
	axios.get(`http://localhost:3000/list?_page=${page}&_limit=${pagesize}`)

添加数据

	axios.post('http://localhost:3000/list',values)

修改数据

	//全部修改
	//put修改 会将原数据进行覆盖，所以更新的不更新的都要传递
	axios.put('http://localhost:3000/list/'+id,values)
	//局部修改
	axios.patch('http://localhost:3000/list/'+id,{name:newName})

删除数据

	axios.delete('http://localhost:3000/list/'+id)

查询数据

	axios.get('http://localhost:3000/list?title='+title)