JSON-Server

JSON-Server本质就是个可以存储json数据的server。当采用前后端分离开发时，前端开发人员可以通过使用JSON-Server，达到不依赖API，模拟服务端接口数据开发。

1、全局安装

通过命令行全局安装

npm install -g json-server

2、使用

运行要模拟后端接口的db.json文件

json-server --watch db.json --port 3334

3、运行结果

可以点击/posts /comments /profile链接，查看json数据

4、关闭

直接关闭命令行窗口即可，通过ctrl+C的话，端口可能还会占用着

5、To access and modify resources, you can use any HTTP method

同样的，json-server也能进行模拟进行GET POST PUT PATCH DELETE操作；

（1）GET

常规获取数据：

http://localhost:3334/posts

http://localhost:3334/posts/1

http://localhost:3334/posts?id=2

http://localhost:3334/posts?id=2&title=json-server2

http://localhost:3334/comments?body.name=a

http://localhost:3334/posts?_embed=comments

http://localhost:3334/comments?_expand=post

除此之外，还可以实现分页、排序、局部获取、全局搜索等；

（2）POST 增加

axios.post("http://localhost:3334/posts",{
	id:4,
	title:"test"
})

（3）PUT 更新

axios.put("http://localhost:3334/posts/1",{
	title:"test"
})

（4）PATCH 局部更新

axios.patch("http://localhost:3334/posts/1",{
	title:"test"
})

（5）DELETE 删除

axios.delete("http://localhost:3334/posts/1")