JSON-Server启动本地JSON服务

theme: juejin

这是我参与新手入门的第二篇文章

JSON-Server用途

作为一个前端开发工程师，在后端还没有给我们接口的时候，我们大多数情况都是写一些死数据来作为占位，但这样我们无法测试是否真的能调用数据，我们可以利用json-server起一个本地的服务，到时候后端给我们接口的时候，我们在把API换成后端给我们的接口。我们只需要提供一个json文件，填充一些数据就可以模拟出RESTful API的接口

JSON-Server下载

JSON-Server 是一个 Node 模块，我们用npm包管理工具下载

npm install -g json-server

image.png

运行完成功之后我们创建一个后缀名为json的文件

使用json-server

我这里叫db.json

我们在里面填一些数据

image.png

我们在当前命令行中输入

json-server db.json

程序跑起来啦

image.png

我们复制上端口在浏览器打开就可以看到我们的数据了(端口默认3000)

image.png

这样我们就在本地上把服务启动起来了

我们可以通过axios或ajax来请求数据，在我们页面显示。 这是json-server中的命令，大家可以自己尝试操作

image.png