Vue 学习笔记 5.0 --- json-server和axios

一 : json-server 提供假数据接口

1. json-server 作用 : 根据指定的 JSON 文件, 提供假数据接口

2. 地址 : json-server

3. 使用步骤

   1. 全局安装 json-server  : `npm i -g json-server`
   2. 准备一个json数据
   3. 执行 : `json-server 文件路径`
   
   > json数据参考
   json数据可以参考 :
   {
        
     "todos": [
       {
        
         "id": 1,
         "name": "吃饭",
         "age": 20
       }
     ]
   }
   

4. REST API 格式

* 1. 查询 : GET
* 2. 添加 : POST
* 3. 删除 : DELETE
* 4. 更新 : PUT 或者 PATCH(打补丁)

5. 具体接口

* 1. 查询全部数据 http://localhost:3000/todos
*    查询指定数据 http://localhost:3000/todos/2
*
*  2. 添加一个对象 //localhost:3000/todos
*     POST
*     id 会自动帮我们添加
*
* 3. 更新数据 http://localhost:3000/todos/3
*    PUT 或者 PATCH
*    PUT 需要提供该对象的所有数据
*    PATCH 只需要提供要修改的数据即可
*
* 4. 删除数据
*    http://localhost:3000/todos/3
*    DELETE

6. 可以借助 postman 测试接口;

二 : axios 发送请求 (重点掌握)

1. 作用 : 一个专门用来发送 ajax 请求的库, 可以在浏览器或者 node.js 中使用

   Promise based HTTP client for the browser and node.js
   	以Promise为基础的HTTP客户端，适用于：浏览器和node.js
   	封装ajax，用来发送请求，异步获取数据
   

2. 使用步骤

   1. 本地安装 axios : &