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
终端中进入所要存放文件的目录
执行初始化命令：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 发现数据确实来源于服务端
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了JavaScript实现带粒子效果的进度条，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-06-06
在正式开始之前，我想先说两句，理解javascript系列博文是通过带领大家分析javascript执行时的内存分配情况，来解释javascript原理，具体会涵盖javascript预加载，闭包原理，面象对象，执行模型，对象模型...,文章的视角很特别，也非常深入，希望大家能接受这种形式，并提供宝贵意见。2010-10-10
Element-UI的 InfiniteScroll 无限滚动组件基本使用及应用场景
这篇文章主要介绍了Element-UI的InfiniteScroll无限滚动组件基本使用,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-06-06
js 字符串操作函数小结。2009-07-07
很多时候我们需要在前台获取当前日期,下面这篇文章主要给大家介绍了关于使用js获取当前年月日的方法及格式整理的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-12-12
这篇文章主要介绍了JavaScript函数，函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块，需要的朋友可以参考下2015-12-12
本篇文章主要介绍了Javascript的面向对象，对对象方法的调用、私有方法、静态方法、公有方法、特权方法进行了一一介绍，需要的朋友可以看下2016-12-12
EXTJS GRID 中单击行和单元格获得行或者单元格的内容(数据),本文将整理此功能的应用，需要了解的朋友可以参考下2012-11-11
正则又叫规则或模式，是一个强大的字符串匹配工具。javascript通过RegExp类型来支持正则表达式，本文给大家介绍javascript类型系统之正则表达式，对js正则表达式相关知识感兴趣的朋友一起学习吧2016-01-01
javascript 如何生成不重复的随机数...2007-11-11
最新评论