json-server 的基本使用

  最近在跟着尚硅谷学习axios时，发现了json-server，以前没了解过甚至没听说过这个东西，所以就来做个记录啦。

一、什么是json-server

  在平时的项目开发中，当后端还没有提供接口时，我们可能会选择mock数据，这个时候就可以选择json-server，来模拟请求和响应的过程。

  可以这么理解，json-server是一个在前端本地运行，可以存储json数据的server。

  github地址：https://github.com/typicode/json-server

二、安装

  如果是Mac电脑，前面可能需要加 sudo

npm install -g json-server

三、使用

  在你的项目中创建一个db.json包含一些数据的文件，比如

{
  "posts": [
    {
      "id": 1,
      "title": "json-server",
      "author": "typicode"
    }
  ],
  "comments": [
    {
      "id": 1,
      "body": "some comment",
      "postId": 1
    }
  ],
  "profile": {
    "name": "typicode"
  }
}

  然后启动服务：

json-server --watch db.json

  注意：在执行上面这个命令时，命令行所在位置，也就是工作目录，一定要定位在 db.json所在文件夹下。

  如下图所示就是执行成功啦，点击其中的链接可以看到对应的内容。

  之后就可以发请求啦。比如用 axios发请求：

axios({
    method: 'GET',
    url: 'http://localhost:3000/posts/1',
}).then(response => {
    console.log(response);
});