JSON-Server启动本地JSON服务

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

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

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享