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
相关推荐
上海合宙LuatOS6 天前
LuatOS核心库API——【json 】json 生成和解析库
java·前端·网络·单片机·嵌入式硬件·物联网·json
敲代码的柯基6 天前
一篇文章理解tsconfig.json和vue.config.js
javascript·vue.js·json
万物得其道者成6 天前
前端大整数精度丢失:一次踩坑后的实战解决方案(`json-bigint`)
前端·json
Ai runner7 天前
Show call stack in perfetto from json input
java·前端·json
ID_180079054737 天前
淘宝商品详情API请求的全场景,带json数据参考
服务器·数据库·json
恒云客7 天前
python uv debug launch.json
数据库·python·json
wanderist.8 天前
从 TCP 到 JSON:一次 FastAPI + LLM 生产环境 “Unexpected end of JSON input” 的底层剖析
tcp/ip·json·fastapi
享誉霸王8 天前
15、告别混乱!Vue3复杂项目的规范搭建与基础库封装实战
前端·javascript·vue.js·前端框架·json·firefox·html5
今心上9 天前
关于json的理解测试!!
开发语言·json
强子感冒了10 天前
JSON和XML学习笔记
xml·学习·json