jsonserver的安装及启动
2019-08-14 10:15:18来源:博客园 阅读 ()
JsonServer
主要的作用就是搭建本地的数据接口,创建json文件,便于调试调用
是一个 Node 模块,运行 Express 服务器,可以指定一个 json 文件作为 api 的数据源
官网:https://www.npmjs.com/package/json-server
安装全局的json-server
终端中输入:npm install -g json-server(windows系统)
mac系统:则为 sudo npm install -g json-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 发现数据确实来源于服务端
原文链接:https://www.cnblogs.com/tynam/p/11204238.html
如有疑问请与原作者联系
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:我的前端布局方法
- JS判断浏览器是否安装flash插件的简单方法 2020-03-12
- jscript启动sqlserver方法 2019-10-25
- Vue项目中使用AES加密 2019-08-14
- Ubuntu 安装最新版nodejs 2019-08-14
- 如何在eclipse中安装angularjs插件 2019-08-14
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash