准备后端接口服务环境

最新推荐文章于 2024-10-04 00:46:18 发布

清梦压星河_Ciao

最新推荐文章于 2024-10-04 00:46:18 发布

阅读量426

点赞数

分类专栏：前端文章标签：前端 javascript

本文链接：https://blog.csdn.net/m0_53951384/article/details/134455116

版权

前端专栏收录该内容

25 篇文章 0 订阅

订阅专栏

本文介绍了如何在代码根目录使用json-server创建一个模拟的后端接口服务，通过index.json文件存储数据，并实现--watch功能，以便实时监听文件变化。开发者可以访问http://localhost:3000/cart获取模拟的商品数据。

摘要由CSDN通过智能技术生成

准备后端接口服务环境(了解)
安装全局工具 json-server （全局工具仅需要安装一次）

yarn global add json-server 或 npm i json-server  -g

代码根目录新建一个 db 目录
在db目录新建 index.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"
   }
]
}