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
相关推荐
JhonKI5 小时前
【从零实现Json-Rpc框架】- 项目实现 - 客户端注册主题整合 及 rpc流程示意
c++·qt·网络协议·rpc·json
还是鼠鼠7 小时前
Node.js中间件的5个注意事项
javascript·vscode·中间件·node.js·json·express
五行星辰8 小时前
Fastjson 处理 JSON 生成与解析指南
java·json
JeJe同学1 天前
教程:如何使用 JSON 合并脚本
json·coco
ElasticPDF-新国产PDF编辑器2 天前
React 项目 PDF 批注插件库在线版 API 示例教程
react.js·pdf·json
豆芽脚脚2 天前
合并相同 patient_id 的 JSON 数据为数组
postgresql·json
还是鼠鼠2 天前
Node.js全局生效的中间件
javascript·vscode·中间件·node.js·json·express
IT成长日记2 天前
【MySQL基础】 JSON函数入门
mysql·json·json函数
阿沁QWQ2 天前
应用层协议http
json
努力搬砖的咸鱼2 天前
Qt中的数据解析--XML与JSON处理全攻略
xml·开发语言·qt·json