【Vue】使用 `json-server` 准备后端接口服务环境(了解)

其实在以后我们的开发过程中，当后端接口还没有准备就绪的时候，我们是可以利用一些工具快速的帮我们生成一套增删改查的接口的，这个工具就是json-server

1. 安装全局工具 json-server （全局工具仅需要安装一次）

   官网：json-server

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

2. 代码**根目录(src)**新建一个 db 目录

   叫什么目录名字不重要，重要的是index.json文件

3. 将资料 index.json 移入 db 目录

   由于文件是json文件，属性名必须用双引号引起来

   {
      "cart": [
           {
               "id": 100001,
               "name": "低帮城市休闲户外鞋天然牛皮COOLMAX纤维",
               "price": 128,
               "count": 1,
               "thumb": "https://yanxuan-item.nosdn.127.net/3a56a913e687dc2279473e325ea770a9.jpg"
           }
      ]
   }
   

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

json-server  --watch  index.json