JsonServer安装及启动过程图解

站长资源 2024/11/25 佚名

2 0 1

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

　　终端中进入所要存放文件的目录

　　执行初始化命令：npm init

　　给文件包取一个名字，其他的默认 enter 就可以

jsonserver 保存到本地

　　执行命令：npm install json-server --save

　　执行后打开 package.json 文件

　　将 scripts 中内容进行修改：

　　　　“json：server” 将最为启动时json-server时使用

　　　　db.json将做为启动后作为服务器的数据进行使用

创建db.json 文件

　　在与package.json 同目录下创建db.json 文件，并以对象的格式进行填充数据

运行 json-server

　　终端中输入：npm run json:server

　　如上图：home 地址：http://localhost:3000

　　resources 地址，即创建的db.json中数据所在位置：http://localhost:3000/product

　　浏览器中运行http://localhost:3000 后：

　　浏览器中运行http://localhost:3000/product 后结果：

　　如下图，浏览器中每访问一次，终端则会输出对应的执行

postman 请求该接口

　　通过postman 请求该 API 发现数据确实来源于服务端

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

JsonServer,安装,启动

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

评论“JsonServer安装及启动过程图解”

暂无评论...

www.wwsws.com 伏龙阁资源网

39,976影音资源

44,792技术资源

21,817软件资源

651,128站长资源

2024年11月25日