node.js中如何实现构建mock数据的呢
Admin 2022-08-18 群英技术资讯 1577 次浏览
这篇文章给大家分享的是“node.js中如何实现构建mock数据的呢”,对大家学习和理解有一定的参考价值和帮助,有这方面学习需要的朋友,接下来就跟随小编一起学习一下吧。Nodejs构建mock数据并通过rest api风格调用接口访问数据
如果我们只有json格式的数据文件,我们想通过访问url方式调用居然数据
确保电脑安装node环境
如果你没有安装好node环境请移步http://nodejs.cn/
一、安装json-server
1.新建demo文件
cd demo
2.安装json-server
npm install -S json-server
3.项目demo目录下,新建一个 JSON 文件data.json和一个package.json文件
db.json内容如下
{ "posts": [ { "id": 1, "title": "json-server", "author": "typicode" } ], "comments": [ { "id": 1, "body": "some comment", "postId": 1 } ], "profile": { "name": "typicode" } }
package.json内容如下
{ "name": "rest-api-demo", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "server": "json-server data.json", "test": "..." }, "keywords": [], "author": "", "license": "ISC", "dependencies": { "json-server": "^0.9.4" } }
二、启动服务
npm run server

三、调用rest 风格api
打开浏览器

注意这个的数据获取只是get方式请求获取到的,如需POST、PUT、DELETE等 HTTP 方法的数据体进行解析请参考
https://github.com/ruanyf/jstraining/tree/master/demos#rest-api
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
这篇文章主要为大家详细介绍了vue实现右上角时间显示实时刷新,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
在我们的分类管理中,我们要能够去修改我们的分类信息,当我们一点修改的时候,跳转到一个可以编辑的页面,这里面能够修改分类的名,这里我们来了解JS控制下拉列表左右选择实例代码
这篇文章主要为大家详细介绍了微信小程序实现计算器小功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了Vue实现圆环进度条的示例,帮助大家更好的理解和使用前端框架进行开发,感兴趣的朋友可以了解下
用jQuery怎样实现隐藏表的列元素?隐藏表的列元素还是比较实用的,本文实现的需求是隐藏表格里的某一列,这里使用到的方法是hide(),实现步骤及代码如下,需要的朋友可以参考,接下来跟随小编一起来学习一下吧。
成为群英会员,开启智能安全云计算之旅
立即注册关注或联系群英网络
7x24小时售前:400-678-4567
7x24小时售后:0668-2555666
24小时QQ客服
群英微信公众号
CNNIC域名投诉举报处理平台
服务电话:010-58813000
服务邮箱:service@cnnic.cn
投诉与建议:0668-2555555
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 ICP核准(ICP备案)粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008