node.js中如何实现构建mock数据的呢
Admin 2022-08-18 群英技术资讯 875 次浏览
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进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
本文给大家介绍的是JS事件对象的内容,那JS中“事件对象”,到底是什么意思的?其实JS事件对象并不难理解,接下来我们就详细的了解一下JS事件对象,及事件对象中的属性和方法,感兴趣的朋友就继续往下看吧。
本文主要给大家介绍的是关于vue中nexttick的内容,因为Vue中的nextTick涉及到Vue中DOM的异步更新,小编觉得比较有意思,下面会有vue中nexttick的示例详解,感兴趣的朋友可以了解一下。
react native修改端口的方法:1、通过npm start命令启动React Native本地服务器的端口号;2、修改server.js文件;3、将默认的8081端口修改为你想要的端口号即可。
这篇文章给大家分享的是有关用vue实现简单的点击翻转动画效果,点击翻转效果在网页设计中也比较常见,小编觉得挺实用的,因此分享给大家做个参考,接下来一起跟随小编看看吧。
一、设置静态文件目录语法如下:app.use(express.static(_dirname+'/public'));//设置静态文件目录注:将静态文件目录设置为项目根目录+‘/public’,可以这样写app.use(express.stat
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008