http-server安装和安装json-server

http-server

下载:cnpm install http-server -g
http-server -p 端口 来指定不同端口


image.png

如果是开发时候看实时效果,可以通过-c来指定缓存时间,如 http-server -c10 来设置10s后自动清除缓存。
找到你的文件夹,在当前文件夹下打开命令行,输入http-server,默认启动8080端口

json-server

这个模块可以帮助你去创建后端REST API接口,简单的说就是增删改查的接口,可以快速创建出来,模拟实现了后端,使得前端在写demo的时候,需要一些接口请求,不需要再去写后端,也不需要把数据写死,让前端开发人员花更多的时间专注于解决前端开发问题。

  • 下载:cnpm install json-server -g
  • 测试安装:json-server -v
  • 创建db.json
    在一个文件夹下新建一个db.json文件

{
"posts": [
{ "id": 1, "title": "json-server", "author": "typicode" }
],
"comments": [
{ "id": 1, "body": "some comment", "postId": 1 }
],
"profile": { "name": "typicode" }
}

  • 启动json-server
    在当前文件夹下输入如下命令:json-server db.json


    image.png

    image.png

    标明了返回值的类型

https://blog.csdn.net/weixin_40817115/article/details/81237128
reset api
https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/0014735914606943e2866257aa644b4bdfe01d26d29960b000

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,704评论 0 3
  • 在现在的前端开发中,前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始...
    Charlot阅读 5,633评论 1 32
  • json-server 是什么?我把这个词抛给一个后端好友时,他没用过查了下回复说:哦,原来是个mock 工具。m...
    celineWong7阅读 17,284评论 5 31
  • 2017年的尾声 文/冰百合 为你写些什么吧 要有一些痕迹留下来 为一朵花的挽留 为一棵树的关爱 把祝福和问安 送...
    冰百合阅读 301评论 0 1
  • 13时42分,午休完的我爬下床。没睡好,宿舍里的辣条味太重了,对于我这样很少吃辣条的好孩子来说,这味道太酸爽了,不...
    有鹊春生阅读 615评论 35 9

友情链接更多精彩内容