前端接口神器之 json server 使用详解

目录

一：简介

二：在线文档及环境依赖

三：操作步骤

3.1.安装json-server

3.2.创建db.json

3.3.浏览器访问

四：其他注意事项

---

一：简介

json-server是一款小巧的接口模拟工具，用于模拟服务端接口数据，可以根据json数据在一分钟内搭建一套 Restful 风格的 api，非常适合前端接口测试使用。
 

二：在线文档及环境依赖

Github项目地址：https://github.com/typicode/json-server

环境依赖：安装 Node.js 环境即可

三：操作步骤

3.1.安装json-server

使用npm在全局安装json-server

npm install -g json-server

3.2.创建db.json

在任意一个文件夹下（例如我是在桌面上的test文件夹），通过终端用命令进入到该文件夹里面，

执行代码：

json-server --watch db.json

也可以起名为xxx.json

其中，--watch可以省略；这样文件夹里，就会多出一个db.json文件，打开后默认写入了一些数据

3.3.浏览器访问

根据终端中提示的路径，我们在浏览器中输入http://localhost:3000/posts，即可看到网站上出现：

   接下来我们就可以利用GET, POST, PUT, DELETE 等方法来对数据进行操作了

四：其他注意事项

1.想要停止服务，在终端Ctrl+c即可；想要重新开启服务时，同样输入json-server --watch db.json（自己起的json名字）即可

2.如果发出 POST、PUT、PATCH 或 DELETE 请求，更改将自动安全地保存到json文件中。

3.可以自己指定端口,使用 json-server --watch db.json --port xxxx 命令