json-server 模拟接口服务

ops/2024/10/23 12:28:02/

前端开发经常需要模拟接口请求,可以通过 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.ppmy.cn/ops/41688.html

相关文章

AD3552/AD3551驱动开发

开发环境:Vivado2021.2 ; Windows with Cygwin HDL版本:hdl_2021_r2 GitHub - analogdevicesinc/hdl at hdl_2021_r2 no-OS版本:no_OS-2021_R2 GitHub - analogdevicesinc/no-OS at 2021_R2 1.创建hdl 详细步骤参见参考链接1&#xf…

战网国际服下载教程 暴雪战网客户端一键下载安装教程分享

战网国际服务平台,又名Battle.net环球版,是暴雪娱乐操作的跨国界游戏交流平台,它消除了地域的隔阂,向全球范围内的游戏爱好者提供服务。与仅服务于特定地区的版本不同,国际版赋予了玩家自由穿梭于暴雪众多标志性游戏的…

Partisia Blockchain 生态首个zk跨链DEX现已上线

在5月1日,由Partisia Blockchain与zkCross创建合作推出的Partisia zkCrossDEX在Partisia Blockchain生态正式上线。Partisia zkCrossDEX是Partisia Blockchain上重要的互操作枢纽,其融合了zkCross的zk技术跨链互操作方案,并利用Partisia Bloc…

【Linux——Centos7安装RabbitMQ】 RabbitMQ无法连接

到这一步是基本已经装好了,现在是在开放端口,我这个报错是因为我的防火墙是处于关闭状态,所以在开放端口时会报防火墙为运行,把防火墙打开,在开放端口,就可以访问到了 重启防火墙: systemctl …

Python-元组

元组(): 1、不可变序列,不能增加、修改、删除元组中的元素,但是是序列,可以有序列的相关操作 ttuple([10,20,30]) print("10在元组中是否存在:",(10 in t)) print("最大值:",max(t)) print(&quo…

gitlab webhook触发jenkins任务

配置jenkins 安装gitlab插件 配置jenkins job 选择gitlab webhook触发 在高级中生成token 代码仓设置 新增webhook 配置webhook 测试连接 缺点,不能带gitLab事件的参数!!!

网络安全 会飞的狗狗 网络安全狗是什么

1.概述 网站安全狗是一款集网站内容安全防护、网站资源保护及网站流量保护功能为一体的服务器工具。功能涵盖了网马/木马扫描、防SQL注入、防盗链、防CC攻击、网站流量实时监控、网站CPU监控、下载线程保护、IP黑白名单管理、网页防篡改功能等模块。能够为用户提供实时的网站安…

OpenAI 的全能多模态模型震撼发布GPT-4o,免费提供带来 AI 革新

在 OpenAI 春晚的直播现场,我们见证了一个历史性的时刻——GPT-4o 的发布。这个全能、免费、最强大的模型,将会给人工智能领域带来前所未有的变革。 GPT-4o 是一个多模态的模型,它可以同时处理文本、语音、图像多种输入方式。这意味着&#x…