JsonServer安装及启动过程图解
JsonServer
主要的作用就是搭建本地的数据接口,创建json文件,便于调试调用
是一个Node模块,运行Express服务器,可以指定一个json文件作为api的数据源
官网:https://www.npmjs.com/package/json-server
安装全局的json-server
终端中输入:npminstall-gjson-server(windows系统)
mac系统:则为sudonpminstall-gjson-server如下图:
初始化package.json
终端中进入所要存放文件的目录
执行初始化命令:npminit
给文件包取一个名字,其他的默认enter就可以
jsonserver保存到本地
执行命令:npminstalljson-server--save
执行后打开package.json文件
将scripts中内容进行修改:
“json:server”将最为启动时json-server时使用
db.json将做为启动后作为服务器的数据进行使用
创建db.json文件
在与package.json同目录下创建db.json文件,并以对象的格式进行填充数据
运行json-server
终端中输入:npmrunjson:server
如上图:home地址:http://localhost:3000
resources地址,即创建的db.json中数据所在位置:http://localhost:3000/product
浏览器中运行http://localhost:3000后:
浏览器中运行http://localhost:3000/product后结果:
如下图,浏览器中每访问一次,终端则会输出对应的执行
postman请求该接口
通过postman请求该API发现数据确实来源于服务端
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。