Json-Server搭建模拟API流程小指南

发布于:2023-01-20 ⋅ 阅读:(19) ⋅ 点赞:(0) ⋅ 评论:(0)

做项目时,很有可能出现,后端没写完接口而前端做的页面需要做测试的局面。这时,可以利用json-server快速搭建一个api接口,进行测试。

下面讲一下流程:

1.需要先安装Node.js

进入官网下载即可 https://nodejs.org/zh-cn/download/ 

(分享一位博主的链接,里面有详细的安装介绍nodejs安装及环境配置_车银优的博客-CSDN博客_nodejs安装及环境配置

2.使用npm安装全局的json-server

(1)开始>搜索Windows PowerShell>  打开Windows PowerShell (cmd也行,有好几种)

(2)然后 npm install -g json-server  命令  回车即可

 (3)创建一个文件夹(文件名随便取,位置随意,根据个人需求来),然后在里面放json文件,这个json文件的数据就是你需要通过接口获取的数据,当然也可以放一些本地数据,如图片等,和数据接口结合使用,最后会在结尾讲述一下。

 (4)在此文件空白处右击,选择在终端打开,然后执行 json-server --watch .\db.json --port:3000 命令(端口号随意)然后回车 完成。(做项目,请求数据时,此界面一定要开着)

然后便可以查看,请求

 

注意上下两图画线内容,下图展示的图片是本地图片,结合使用。