准备后端接口服务环境

准备后端接口服务环境(了解)

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

sh 复制代码
yarn global add json-server 或 npm i json-server  -g

代码根目录新建一个 db 目录

在db目录新建 index.json 文件

json 复制代码
{
"cart": [
 {
   "id": 100001,
   "name": "低帮城市休闲户外鞋天然牛皮COOLMAX纤维",
   "price": 128,
   "count": 1,
   "thumb": "https://yanxuan-item.nosdn.127.net/3a56a913e687dc2279473e325ea770a9.jpg"
 },
 {
   "id": 100002,
   "name": "网易味央黑猪猪肘330g*1袋",
   "price": 39,
   "count": 14,
   "thumb": "https://yanxuan-item.nosdn.127.net/d0a56474a8443cf6abd5afc539aa2476.jpg"
 },
 {
   "id": 100003,
   "name": "KENROLL男女简洁多彩一片式室外拖",
   "price": 128,
   "count": 2,
   "thumb": "https://yanxuan-item.nosdn.127.net/eb1556fcc59e2fd98d9b0bc201dd4409.jpg"
 },
 {
   "id": 100004,
   "name": "云音乐定制IN系列intar民谣木吉他",
   "price": 589,
   "count": 1,
   "thumb": "https://yanxuan-item.nosdn.127.net/4d825431a3587edb63cb165166f8fc76.jpg"
   }
]
}

进入 db 目录,执行命令,启动后端接口服务 (使用--watch 参数 可以实时监听 json 文件的修改)

sh 复制代码
json-server  --watch  index.json

当服务启动后,可以访问http://localhost:3000/cart获取数据

相关推荐
一枚前端小能手7 分钟前
🔥 重学Vue之computed、watch、watchEffect原理与用途详解
前端·javascript·vue.js
Amos_Web20 分钟前
Rust实战课程--网络资源监控器(初版)
前端·后端·rust
神秘的猪头21 分钟前
html5与js今日笔记
前端
Zyx200722 分钟前
JavaScript 中的对象字面量与代理模式:用代码演绎“爱情故事”
javascript
程序猿小蒜22 分钟前
基于springboot的基于智能推荐的卫生健康系统开发与设计
java·javascript·spring boot·后端·spring
渣哥22 分钟前
IOC 容器的进化:ApplicationContext 在 Spring 中的核心地位
javascript·后端·面试
Zyx200723 分钟前
🎹用 HTML5 打造“敲击乐”钢琴:前端三剑客的第一次交响曲
前端
小时前端23 分钟前
面试官:我为什么总在浏览器存储问题上追问IndexedDB?
前端·浏览器
前端小菜哇24 分钟前
前端如何优雅的写一个记忆化函数?
前端
今禾25 分钟前
Git完全指南(下篇):Git高级技巧与问题解决
前端·git·github