json-server的用法-基于 RESTful API 的本地 mock 服务
json-server
是一个非常方便的工具,用于快速搭建基于 RESTful API 的本地 mock 服务,特别适合前端开发阶段模拟后端数据接口。
🧩 一、安装
npm install -g json-server
🚀 二、快速启动
- 创建一个
db.json
文件(模拟数据库):
{"posts": [{ "id": 1, "title": "Hello", "author": "Tom" },{ "id": 2, "title": "Hi", "author": "Jerry" }],"comments": [{ "id": 1, "body": "Nice post!", "postId": 1 }],"profile": { "name": "User" }
}
- 启动服务:
json-server --watch db.json
默认运行在:
📍 http://localhost:3000
🔧 三、支持的 RESTful API 操作
假设资源名为 posts
:
操作 | 请求方式 | 路径 | 描述 |
---|---|---|---|
获取列表 | GET | /posts | 获取所有 posts |
获取单个 | GET | /posts/1 | 获取 id 为 1 的 post |
创建数据 | POST | /posts | 添加新 post(需传 JSON) |
更新(整体) | PUT | /posts/1 | 替换整个 post 对象 |
更新(部分) | PATCH | /posts/1 | 修改 post 的部分字段 |
删除 | DELETE | /posts/1 | 删除 post |
🎛️ 四、常用功能说明
1. 分页、筛选、排序
- 分页:
?_page=2&_limit=10
- 排序:
?_sort=title&_order=desc
- 筛选:
?author=Tom
例如:
GET /posts?_page=1&_limit=5&_sort=title&_order=asc&author=Tom
2. 模糊查询
GET /posts?q=hello
模糊匹配所有字段包含 “hello” 的数据。
3. 关联查询(联表)
支持嵌套数据查询,例如:
GET /comments?postId=1
GET /posts/1?_embed=comments
_embed=comments
:获取 post 时嵌入其 comments_expand=post
:获取 comment 时展开其对应 post
⚙️ 五、自定义路由(可选)
新建 routes.json
:
{"/api/*": "/$1"
}
然后运行:
json-server --watch db.json --routes routes.json
效果:
访问 /api/posts
实际映射到 /posts
🛡️ 六、中间件与端口指定(高级用法)
json-server --watch db.json --port 4000 --middlewares ./middleware.js
也可以使用 node 脚本自定义服务:
// server.js
const jsonServer = require('json-server')
const server = jsonServer.create()
const router = jsonServer.router('db.json')
const middlewares = jsonServer.defaults()server.use(middlewares)
server.use(router)
server.listen(4000, () => {console.log('JSON Server is running')
})
运行:
node server.js
🧪 七、开发中典型用途
- 前端开发模拟 API,无需后端配合
- Mock 数据开发接口文档
- 演示项目/原型展示
✅ 八、总结亮点
特点 | 描述 |
---|---|
零配置启动 | 基于一个 JSON 文件即可构建完整 RESTful API |
完全 RESTful | GET/POST/PUT/PATCH/DELETE 全支持 |
支持分页筛选排序 | 非常适合模拟真实后端接口 |
可扩展 | 支持中间件、自定义路由等高级功能 |
相关文章:
json-server的用法-基于 RESTful API 的本地 mock 服务
json-server 是一个非常方便的工具,用于快速搭建基于 RESTful API 的本地 mock 服务,特别适合前端开发阶段模拟后端数据接口。 🧩 一、安装 npm install -g json-server🚀 二、快速启动 创建一个 db.json 文件(模拟数…...
化工单元操作试验装置系列产品JG-SX211计算机过程控制板框过滤操作实训装置
化工单元操作试验装置系列产品JG-SX211计算机过程控制板框过滤操作实训装置 一、装置功能 板框过滤岗位技能:板框过滤机的构造和操作方法;板框压滤机的操作(装合、过滤、洗涤、卸渣、整理);洗涤速率与最终过滤速率的关…...
Linux 内核 IPv4 协议栈中的协议注册机制解析
1. 引言 在 Linux 内核的 IPv4 协议栈中,inetsw 是一个核心数据结构,负责管理不同套接字类型(如 SOCK_STREAM、SOCK_DGRAM)的协议实现。本文结合代码分析,深入探讨其设计原理、动态协议注册机制及并发安全实现。 2. inetsw 的结构与作用 2.1 定义与初始化 static struc…...
【PostgreSQL数据分析实战:从数据清洗到可视化全流程】附录-C. 常用SQL脚本模板
👉 点击关注不迷路 👉 点击关注不迷路 👉 点击关注不迷路 文章大纲 附录C. 常用SQL脚本模板速查表一、数据清洗与预处理模板二、数据聚合与分析模板三、窗口函数应用模板四、性能优化与监控模板五、数据备份与恢复模板六、权限管理与安全模板…...
Linux操作系统实战:中断源码的性能分析(转)
Linux中断是指在Linux操作系统中,当硬件设备或软件触发某个事件时,CPU会中断正在执行的任务,并立即处理这个事件。它是实现实时响应和处理外部事件的重要机制,Linux中断可以分为两种类型:硬件中断和软件中断࿰…...
Windows系统Anaconda/Miniconda的安装、配置、基础使用、清理缓存空间和Pycharm/VSCode配置指南
本文同步发布在个人博客: Windows系统Anaconda/Miniconda的安装、配置、基础使用、清理缓存空间和Pycharm/VSCode配置指南 - 萑澈的寒舍Conda 是一个开源的跨平台包管理与环境管理工具,广泛应用于数据科学、机器学习及 Python 开发领域。它不仅能帮助用…...
用HBuilder运行小程序到微信开发者工具
首先在HBuilder里配置微信开发者工具安装路径 “运行”--“运行到小程序模拟器”--“运行设置”--“微信开发者工具路径”...
基于网关实现不同网段S7-1200 CPU的通信方法
在工业自动化场景中,不同网段的S7-1200 PLC之间需要进行数据交换时,通常需要借助网关或路由设备实现跨网段通信。以下是几种常见的实现方法及详细配置步骤。 一、通信需求分析 当两个或多个S7-1200 PLC位于不同子网(如192.168.1.0/24和192.1…...
微信小程序学习之轮播图swiper
轮播图是小程序的重要组件,我们还是好好学滴。 1、上代码,直接布局一个轮播图组件(index.wxml): <swiper class"swiper" indicator-active-color"#fa2c19" indicator-color"#fff" duration"{{durati…...
零基础用 Hexo + Matery 搭建博客|Github Pages 免费部署教程
文章目录 一、Hexo1.1 依赖1.2 快速使用1.3 目录说明1.4 命令说明1.4.1 常规命令1.4.2 全局选项 二、主题安装2.1 安装 Matery 主题2.1.1 下载2.1.2 配置2.1.2.1 基础配置2.1.2.2 新建页面类型2.1.2.3 其他配置 2.2 其他主题推荐 三、部署3.1 部署到 Github Pages 四、总结 一、…...
Large-Scale Language Models: In-Depth Principles and Pioneering Innovations
大规模语言模型(Large-Scale Language Models, LLMs)是人工智能领域的璀璨明珠,深刻重塑了自然语言处理(NLP)并推动多模态应用的蓬勃发展。从BERT的语义洞察到GPT系列的生成奇迹,再到Grok、LLaMA等模型的跨界创新,LLMs在智能对话、代码生成、科学探索等领域展现出近乎人…...
微信小程序智能商城系统(uniapp+Springboot后端+vue管理端)
一、系统介绍 本智能商城系统是基于当今主流技术栈开发的一款多端商城解决方案,主要包括微信小程序前端、SpringBoot 后端服务以及 Vue 管理后台三大部分。系统融合了线上商城的核心功能,支持商品浏览、下单、支付、订单管理等操作,适用于中小…...
命令行快速上传文件到SFTP服务器(附参考示例)
一、SFTP基础命令格式 更新参数后的标准命令格式为: sftp -P [端口号] [用户名][服务器IP]:[远程路径] <<< $put [本地文件路径]二、新参数实例解析 使用新连接参数的完整命令示例: sftp -P 30033 test_jigou_sftp121.199.64.216:/download…...
【Linux】第十六章 分析和存储日志
1. RHEL 日志文件保存在哪个目录中? 一般存储在 /var/log 目录中。 2. 什么是syslog消息和非syslog消息? syslog消息是一种标准的日志记录协议和格式,用于系统和应用程序记录日志信息。它规定了日志消息的结构和内容,包括消息的…...
vue2+ThinkPHP5实现简单大文件切片上传
使用 Vue 2 和 ThinkPHP 5 实现大文件切片上传功能 文章目录 一、前端(Vue 2)安装依赖文件上传并切片全部代码二、后端(ThinkPHP 5)完整代码一、前端(Vue 2) 安装依赖 安装spark-md5依赖 用于生成文件哈希,以便验证文件的完整性。 npm install spark-md5文件上传并切…...
phpstudy的Apache添加AddType application/x-httpd-php .php .php5配置无效的处理方式
前言 最近在学习安全竞赛ctf相关的内容,使用phpstudy作为服务端,研究图片上传相关漏洞的靶场upload-labs。其中遇到后缀名过滤,会过滤后缀名php。按照网上的处理方式,只需要在Apache服务器的配置文件中增加“AddType application…...
2025年Flutter项目管理技能要求
在2025年,随着Flutter技术的广泛应用和项目复杂度的提升,项目管理的重要性愈发凸显。Flutter项目管理不仅需要技术能力,还需要良好的沟通、协调、规划和执行能力。本文将详细探讨2025年Flutter项目管理应具备的技能要求,帮助项目管…...
Step1
项目 SchedulerSim 已搭建完成 ✅ ⸻ ✅ 你现在拥有的: • 🔧 两种调度器(Round Robin SJF) • 📦 模拟进程类 Process • 🧱 清晰结构:OOP 风格 便于扩展 • ✍️ 主函数已演示调度器运行效…...
MCP(一)——QuickStart
目录 1. MCP简介2. MCP的优势3. MCP核心4. QuickStart For Server Developers(仅具参考)4.1 MCP核心概念4.2 构建MCP服务器的代码4.2.1 设置MCP服务器实例4.2.2 辅助函数4.2.3 实现工具执行4.2.4 在Cherry-Studio中添加MCP服务器4.2.5 演示4.2.5.1 测试工具get_alerts4.2.5.2 测…...
NLP的基本流程概述
自然语言处理(Natural Language Processing, NLP)是计算机科学与人工智能领域中的一个重要分支,旨在使计算机能够理解、分析、生成和处理人类语言。NLP的基本流程通常包括以下几个关键步骤: 1. 文本预处理 (Text Preprocessing) …...
【Java学习笔记】==运算符
运算符 是一个比较运算符 既可以判断基本类型,又可以判断引用类型 如果判断基本类型,判断的是值是否相等,示例: int i 10; double d 10.0(底层会发生自动类型转换) 如果判断引用类型,判断的是地址是否相…...
移动网页调试工具实战:从 Chrome 到 WebDebugX 的效率演进
前端开发的日常,说白了就是构建、预览、调试的不断循环。如果是桌面浏览器,调试体验已经极致成熟;但一旦牵涉到移动端,尤其是 WebView 环境,一切都变得复杂。 过去几年里,我陆续试用了多个调试工具&#x…...
Vue 图片预览功能(含缩略图)
众所周知,常见的组件库如Element、Ant Design,自带的图片预览功能都没有缩略图,所以 需要单独封装一个图片预览的服务。 第三方库:v-viewer 安装: npm install v-viewer viewerjs 若使用报错,可安装指定…...
RK3588 串行解串板,支持8路GMSL相机
RK3588 支持的 GMSL 相机接入数量取决于所使用的解串板型号及配置方案: xcDeserializer3.0 解串板 可接入最多 8 路 2M GMSL2 相机1。 xcDeserializer4.0 解串板 支持 4 路 2M GMSL2 相机1。 边缘计算盒解决方案 部分商用方案可实现 4 或 8…...
数据库字段唯一性修复指南:从设计缺陷到规范实现
数据库字段唯一性修复指南:从设计缺陷到规范实现 一、问题背景 表结构设计缺陷: sys_user 表未对 dingtalk_user_id(钉钉用户ID)字段设置唯一性约束,导致数据重复,引发以下问题: 系统稳定性风…...
深度学习Dropout实现
深度学习中的 Dropout 技术在代码层面上的实现通常非常直接。其核心思想是在训练过程中,对于网络中的每个神经元(或者更精确地说,是每个神经元的输出),以一定的概率 p 随机将其输出置为 0。在反向传播时,这…...
IIS服务器URL重写配置完整教程
1.下载URL Rewrite Module 2.1 https://www.iis.net/downloads/microsoft/url-rewrite https://download.microsoft.com/download/1/2/8/128E2E22-C1B9-44A4-BE2A-5859ED1D4592/rewrite_amd64_zh-CN.msi 2.安装...
前后端分离博客 Weblog 项目实战
前后端分离博客 Weblog 项目实战:专栏介绍 - 犬小哈专栏 原文作者 http://116.62.199.48/ 功能模块 技术栈 必备环境 后端环境: JDK 1.8 版本(此版本是目前企业中使用最广泛的);MySQL 5.7 版本 (或者 8.x 版本都可以&#…...
stm32 ADC单通道转换
stm32c8t6仅有12位分辨率 1、单次转换 非扫描 1、初始化 void Ad_Init() {RCC_APB2PeriphClockCmd(RCC_APB2Periph_GPIOA, ENABLE);RCC_APB2PeriphClockCmd(RCC_APB2Periph_ADC1, ENABLE);//配置ADCCLK时钟分频,ADC的输入时钟不得超过14MHzRCC_ADCCLKConfig(RCC_PCLK2_Div6);G…...
万文c++继承
1、继承的概念与定义 1.1继承的概念 继承:是c代码复用的手段,允许在原有的基础上扩展,在此之前都是函数层次的复用,继承是类设计层次的复用。 下面有两个类Student和Teacher都有姓名/地址/电话/年龄等成员变量。都有identity身…...
记录一次git提交失败解决方案
问题显示: Push rejected: Push to origin/master was rejected 解决步骤: 拉取远程代码并合并 先同步远程仓库的更新到本地,允许合并不相关历史记录: git pull origin master --allow-unrelated-histories 此操作会触发合并冲突解决流程…...
uni-app vue3版本打包h5后 页面跳转报错(uni[e] is not a function)
先看问题 解决方案 在HBuilderX项目中,若需在Web配置中显式关闭摇树优化(Tree Shaking),可以通过以下步骤实现:首先,在配置中打开摇树优化,然后再将其关闭。这样操作后,配置文件中会…...
数字住建:助推智慧工地创新发展
近年来,国家和地方政府陆续出台了一系列政策措施,推动建筑业的智能化高质量发展。通过明确智慧工地的发展方向和目标定位,鼓励建筑业企业采用先进的信息化技术和管理模式,开展智能建造试点城市、资金扶持、税收优惠、智慧工地建设…...
libmemcached库api接口讲解二
我们来学一下怎么存数据 📘 libmemcached 数据写入函数详解(set / add / replace) ✅ 一、三个函数的作用与区别 函数作用key 存在时key 不存在时常见用途memcached_set()写入(新增或覆盖)✅ 覆盖✅ 创建默认推荐memc…...
【数据分析】从TCGA下载所有癌症的多组学数据
禁止商业或二改转载,仅供自学使用,侵权必究,如需截取部分内容请后台联系作者! 文章目录 介绍加载R包组学数据类型下载函数运行并行运行使用建议总结系统信息介绍 TCGA(The Cancer Genome Atlas)是一个庞大的癌症基因组数据库,包含多种癌症类型的多组学数据,如基因表达、…...
K8S redis 部署
在Kubernetes 1.26.14中部署Redis单实例/集群的步骤如下(结合NFS持久化存储与认证配置): 一、部署Redis单实例(StatefulSet模式) 1. 创建配置文件 redis-statefulset.yaml # ConfigMap存储Redis配置 apiVersion: v1 …...
Android学习总结之kotlin篇(二)
扩展函数转成字节码的原理(源码级别) Kotlin 扩展函数在编译时会被转换为静态方法,这一过程涉及到以下几个关键步骤: 首先,Kotlin 编译器会为包含扩展函数的包生成一个特定的类。这个类的命名通常是基于包名和文件名的…...
QMK RGB矩阵灯效配置详解:从理论到实践(实操部分)
QMK RGB矩阵灯效配置详解:从理论到实践 引言 RGB灯效是现代机械键盘中一个非常吸引人的特性,通过QMK固件,我们可以实现丰富多彩的灯光效果。本文将详细讲解如何在QMK中配置RGB矩阵灯效,从基础理论到实际实现,帮助键盘爱好者打造专属的RGB键盘。无论你是刚开始接触QMK,还…...
知识图谱重构电商搜索:下一代AI搜索引擎的底层逻辑
1. 搜索引擎的进化论 从雅虎目录式搜索到Google的PageRank算法,搜索引擎经历了三次技术跃迁。而AI搜索引擎正在掀起第四次革命:在电商场景中,传统的「关键词匹配」已无法满足个性化购物需求,MOE搜索等新一代架构开始融合知识图谱…...
解密企业级大模型智能体Agentic AI 关键技术:MCP、A2A、Reasoning LLMs-强化学习算法
解密企业级大模型智能体Agentic AI 关键技术:MCP、A2A、Reasoning LLMs-强化学习算法 现在我们的核心问题是有一些同学会知道要才能强化学习。为什么才能强化学习?是实现AGI。例如从这个其实你从第一阶段开始以后,就是chatbot,这…...
嵌入式学习笔记 - SystemCoreClock/1000000
SystemClock 顾名思义就是系统时钟,位于时钟树如下中间位置,是PLL倍频后的部分,它不同于HCLK(SystemCoreClock), SystemCoreClock为系统内核时钟,也就是HCLK始终,也就是总线时钟,就是芯片内核运行的最终时…...
密西根大学新作——LightEMMA:自动驾驶中轻量级端到端多模态模型
导读 目前将自动驾驶与视觉语言模型(VLMs)结合的研究越来越火热,VLMs已经证明了其对自动驾驶的重要作用。本文引入了一种用于自动驾驶的轻量级端到端多模态模型LightEMMA,它能够集成和评估当前的商业和开源模型,以研究…...
MobiPDF:安卓设备上的专业PDF阅读与编辑工具
MobiPDF是一款专为安卓设备设计的PDF阅读和编辑工具,提供了丰富的功能,帮助用户在移动设备上轻松打开、阅读、批注和编辑PDF文件。无论是学生、专业人士还是普通用户,MobiPDF都能满足他们在移动设备上处理PDF文件的需求,提升工作效…...
印度尼西亚数据源对接技术指南
一、数据源全景概述 印度尼西亚作为东南亚最大经济体,其数据生态覆盖金融、产业、人口等多个维度。StockTV提供全链路印尼数据解决方案,涵盖以下核心领域: 数据类型覆盖范围更新频率典型应用场景金融市场数据IDX交易所股票/债券/衍生品实时…...
Apache Pulsar 消息、流、存储的融合
Apache Pulsar 消息、流、存储的融合 消息队列在大层面有两种不同类型的应用,一种是在线系统的message queue,一种是流计算,data pipeline的streaming高throughout,一致性较低,延迟较差的过程。 存算分离 扩容和缩容快…...
从零实现一个高并发内存池 - 2
上一篇https://blog.csdn.net/Small_entreprene/article/details/147904650?fromshareblogdetail&sharetypeblogdetail&sharerId147904650&sharereferPC&sharesourceSmall_entreprene&sharefromfrom_link 高并发内存池 - thread cache 一、基本结构与原…...
promise
handleFileChange(event) {var that this;// 处理文件上传并传递回调函数this.$commonJS.handleFileUpload(event, function (tables) {console.log(tables at line 786:, tables);// 使用 Promise.all 等待所有表格解析完成Promise.all(tables.map((table) > {return new …...
Django + Celery 打造企业级大模型异步任务管理平台 —— 从需求到完整实践(含全模板源码)
如需完整工程文件(含所有模板),可回复获取详细模板代码。 面向人群:自动化测试工程师、企业中后台开发人员、希望提升效率的 AI 业务从业者 核心收获:掌握 Django 三表关系设计、Celery 异步任务实践、基础 Web 交互与前后端分离思路,源码可直接落地,方便二次扩展 一、系…...
从零开始完成“大模型在牙科诊所青少年拉新系统中RAG与ReACT功能实现”的路线图
项目核心目标: 构建一个智能系统,利用大型语言模型(LLM)、检索增强生成(RAG)和推理与行动(ReACT)技术,通过七个专门的知识向量库,为牙科诊所精准吸引青少年客…...
c# 倒序方法
在C#中,有几种方法可以对List进行倒序排列: 1. 使用List的Reverse()方法(原地反转) List<int> numbers new List<int> { 1, 2, 3, 4, 5 };numbers.Reverse(); // 直接修改原列表// 结果:5, 4, 3, 2, 1 …...