json-server工具准备后端接口服务环境

1.安装全局工具json-server(全局工具仅需要安装一次)

官网:json-server - npm

点击Getting started可以查看使用方法

在终端中输入yarn global add json-server或npm i json-server -g

如果输入json-server -v报错

再输入npm install -g json-server

2.代码根目录新建一个db目录
3.在db目录下创建index.json存储JSON数据

注意:JSON数据中的键值对需要用双引号

4.进入db目录,执行命令,启动后端接口服务

在db文件夹下右击,点击在此处打开Powershell窗口;如果发现没有该选项,可以按住shift同时右击就有了

json-server index.json

5.访问接口测试http://localhost:3000/cart
相关推荐
Venuslite5 天前
从 Unexpected token < 到 Extra data:一次讲清 JSON 解析错误的排查思路
json
疯狂SQL12 天前
手写高性能在线 JSON 工具|Web Worker 工程化打包 + 语法自动修复 + 多语言代码生成实战
typescript·json·next.js·web worker·前端性能优化·esbuild·源码实战
terry60017 天前
5G视频短信服务商选型全攻略:通道资源、架构能力与成本评估2026最新标准
大数据·人工智能·5g·json·asp.net·信息与通信·数据库架构
前网易架构师-高司机17 天前
带标注的辣椒病叶数据集,识别率95.9%,可识别三种病害和健康叶子,9916张图,支持yolo,coco json,voc xml,文末有模型训练代码
yolo·json·数据集·病害·叶病·病叶·辣椒
PixelBai17 天前
JSON扁平化使用教程:从入门到精通
json
渔舟唱晚,雁阵惊寒17 天前
CSDN博客内容丢失如何恢复?
json
衣乌安、18 天前
JSON-RPC协议
网络协议·rpc·json
PixelBai18 天前
JSON过滤使用教程:从入门到精通
javascript·chrome·json
PixelBai18 天前
JSON过滤实际应用场景案例
json