作为一个前端开发工程师,在后端还没有给我们接口的时候,我们大多数情况都是写一些死数据来作为占位,但这样我们无法测试是否真的能调用数据,我们可以利用json-server起一个本地的服务,到时候后端给我们接口的时候,我们在把API换成后端给我们的接口。我们只需要提供一个json文件,填充一些数据就可以模拟出RESTfulAPI的接口。
一、启动服务器
node环境安装
json-server需要通过npm下载,npm依赖在node中。
注意:node版本一定要12以上。不然会报以下错误:
json-serverrequiresatleastversion12ofNode,pleaseupgrade
全局安装json-server
建议全局安装,因为以后你可能会对json-server产生依赖。全局安装方式:
npminstall-gjson-server
创建数据库
新建一个json文件,再填入数据即可。创建的json文件中,必须要有id属性,否则后续发送请求时会报错。
启动服务
进入当前目录,打开终端输入以下命令即可
json-server--watchstu.json--port
二、服务器接口的调用
2.1查(get)
json-server查询数据需要使用GET方法。刚刚我们创建了2个接口,我们可以直接在浏览器、postman或者自己写JS代码获取数据。
例如: