做项目时,很有可能出现,后端没写完接口而前端做的页面需要做测试的局面。这时,可以利用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 命令(端口号随意)然后回车 完成。(做项目,请求数据时,此界面一定要开着)
然后便可以查看,请求
注意上下两图画线内容,下图展示的图片是本地图片,结合使用。
本文含有隐藏内容,请 开通VIP 后查看