前端模拟 API 数据的两种方式---react项目

以下操作均在Macbook操作

1.使用mockapi 创建模拟数据api，网址请戳：http://www.mockapi.io

• 创建一个项目目录，例如项目accountApp，创建一个表records，表名，字段都可以自定义添加
• 创建好了之后，获取api链接，例如：
  在终端输入： curl https://5ae0106517a03000145b256e.mockapi.io/api/v1/records，就可以看到一件好的数据
• 或者使用postman谷歌插件也可以访问api数据，
• json-server 模拟本地数据 ，网址请戳：https://github.com/typicode/json-server

• 全局安装npm install -g json-server

• 在项目根目录下创建一个json文件例如db.json，将上一步获取的数据复制到该文件

{

    "records": [{

        "id": "1",

        "date": "2018-04-12",

        "title": "title 1",

        "amount": 90

    },.............

}

• 监听db.json,切换到项目根目录，终端输入 json-server --watch db.json --port 3004，本地就可以直接通过3004端口访问了

2. 浏览器自带方法，console输入也可获取api数据

fetch("https://5ae0106517a03000145b256e.mockapi.io/api/v1/records").then(function(response){return response.json();}).then(function(json){console.log(json);})