json-server 模拟接口服务

前端开发经常需要模拟接口请求,可以通过 json-server 实现。

1. 安装 json-server

在前端项目的终端命令行中执行

npm i json-server

2. 创建数据源

在项目中新建文件 db.json ,与 package.json 同级,内容为模拟的数据

  • 注意 json 文件对格式的显示,整个数据用 {} 包裹,每一项数据为一个属性
  • 属性和字符串都需要用双引号包裹
{"dataList": [{"id": 1,"title": "文章1"},{"id": 2,"title": "文章2"},{"id": 3,"title": "文章3"}]
}

3. 添加启动接口服务的脚本

在 package.json 的 scripts 选项中添加 (端口可以自定义为其他值)

    "serve": "json-server db.json --port 3000"

4. 启动接口服务

vscode 中直接启动

在这里插入图片描述

如下图显示,即启动成功

在这里插入图片描述

5. 访问接口

浏览器中访问 http://localhost:3000/dataList,可见模拟的数据

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/690005.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

每个初创企业创始人都应了解的搜索引擎优化基础知识

会话式AI引擎:如何革新您的业务通讯? 对于已经身兼数职的初创企业创始人来说,搜索引擎优化(SEO)似乎是一项艰巨的任务。然而,在数字时代,它是推动流量、建立品牌知名度和实现长期成功不可或缺的…

详解:ic网站建设开发需要注意什么?

IC网站建设开发需注重专业内容的呈现、强大的产品检索功能、全面的技术支持、严格的合规性展示、便捷的采购工具、良好的用户账户管理、移动适应性和多语言支持,以及高性能与高安全性,以满足行业用户的专业需求,提升网站的实用性和吸引力。 …

通过 Java 操作 redis -- set 集合基本命令

目录 使用命令 sadd ,smembers 使用命令 sismember 使用命令 scard 使用命令 spop 使用命令 sinter,sinterstore,sunion,sunionstore,sdiff,sdiffstore 关于 redis set 集合类型的相关命令推荐看Redis …

ASP.NET一个简单的媒体播放器的设计与实现

摘 要 本论文所描述的播放器是在Microsoft Visual Studio .NET 2003平台下利用Visual Basic.NET语言完成的。使用Visual Basic.NET提供的Windows Media Player控件以及文件处理,最终实现一款别致的,贴近用户操作习惯的媒体播放器。 该播放器实现了对WAV…

Threejs Shader动态修改Merge合并几何体中单个Mesh的颜色

目录 Merge合并 现象 思路 实现 为单个geometry添加映射 通过id检索Merge后的Geometry映射属性,获取顶点坐标 onBeforeCompile修改编译前材质的着色代码 编译前材质的顶点着色代码 编译前材质的片元着色代码 着色器代码 注意 效果 Merge合并 mergeBuf…

基于Qt的Model-View显示树形数据

目标 用qt的模型-视图框架实现树型层次节点的显示,从QAbstractItemModel派生自己的模型类MyTreeItemModel,用boost::property_tree::ptree操作树型数据结构,为了演示,此处只实现了个只读的模型 MyTreeItemModel的定义 #pragma o…

蛋糕店做配送小程序的作用是什么

蛋糕烘焙除了生日需要,对喜吃之人来说往往复购率较高,除线下实体店经营外,更多的商家选择线上多种方式获客转化、持续提高生意营收,而除了进驻第三方平台外,构建品牌私域自营店铺也同样重要。 运用【雨科】平台搭建蛋…

用友畅捷通T+ keyEdit sql注入漏洞

产品介绍 畅捷通 T 是一款灵动,智慧,时尚的基于互联网时代开发的管理软件,主要针对中小型工贸与商贸企业,尤其适合有异地多组织机构(多工厂,多仓库,多办事处,多经销商)的…

ue引擎游戏开发笔记(37)——实现造成伤害

1.需求分析: 在游戏中已经能够射击,并且能得到实际的落点反馈,但本质上这种射击没有任何实际数值伤害,为射击添加实际的子弹伤害数值。 2.操作实现: 1.思路:ue本身函数FPointDamageEvent就可以解决&#x…

stata空间计量模型基础+检验命令LM检验、sem、门槛+arcgis画图

目录 怎么安装stata命令 3怎么使用已有的数据 4数据编辑器中查看数据 4怎么删除不要的列 4直接将字符型变量转化为数值型的命令 4改变字符长度 4描述分析 4取对数 5相关性分析 5单位根检验 5权重矩阵标准化 6计算泰尔指数 6做核密度图 7Moran’s I 指数 8空间计量模型 9LM检验…

node——使用localtunnel做内网穿透

前言 内网穿透是一种允许外网用户访问内网主机的技术。 将您的本地主机公开到世界各地,使之能访问,无需混淆DNS或部署。 内网穿透技术通常涉及以下几个关键步骤: 使用公网服务器或NAT(网络地址转换)设备:这…

【小红书采集工具】根据搜索关键词批量采集小红书笔记,含笔记正文、笔记链接、发布时间、转评赞藏等

一、背景介绍 1.1 爬取目标 熟悉我的小伙伴都了解,我之前开发过2款软件: 【GUI软件】小红书搜索结果批量采集,支持多个关键词同时抓取! 【GUI软件】小红书详情数据批量采集,含笔记内容、转评赞藏等,支持…