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
相关推荐
青草地溪水旁16 小时前
Visual Studio Code中launch.json深度解析:C++调试的艺术
c++·vscode·json
Zwb2997923 天前
Day 30 - 错误、异常与 JSON 数据 - Python学习笔记
笔记·python·学习·json
眠りたいです3 天前
基于脚手架微服务的视频点播系统-脚手架开发部分-jsoncpp,protobuf,Cpp-httplib与WebSocketpp中间件介绍与使用
c++·websocket·微服务·中间件·json·protobuf·cpp-httplib
我是大头鸟3 天前
XMLHttpRequest 发送json 格式的数据,servlet 接收
servlet·json·xmlhttprequest
程序新视界4 天前
一篇文章详解你不知道的MySQL JSON数据类型
数据库·mysql·json
数据知道4 天前
Go基础:json文件处理详解(标准库`encoding/json`)
开发语言·后端·golang·json·go语言
广都--编程每日问5 天前
deepseek 的对话json导出成word和pdf
pdf·json·word·deepseek·exprot
包达叔7 天前
仿NewLife的XmlConfig类实现Json配置文件
c#·json·newlife
爱吃香蕉的阿豪9 天前
.NET Core 中 System.Text.Json 与 Newtonsoft.Json 深度对比:用法、性能与场景选型
数据库·json·.netcore
千叶寻-9 天前
package.json详解
前端·vue.js·react.js·webpack·前端框架·node.js·json