json-server 简介、安装、配置

json-server 是个 ​​mock​​ 工具，用来模拟服务端接口数据，一般用在前后端分离后，前端人员可以不依赖API开发，而在本地搭建一个JSON服务，自己产生测试数据。

优点：灵活、轻量级；

官网：​​https://github.com/typicode/json-server​​

说明：Get a full fake REST API with zero coding in less than 30 seconds (seriously)

可以在30秒之内，不用编码，创建一个假的，基于 "​​REST API​​​"的服务，括弧“认真”。 

用途：可以根据json数据建立一个完整的 web 服务，比内存 web 服务好的地方在于，可以通过浏览器或一些工具(postman)检查 API 的有效性和数据传递；

快速部署 json-server ，分三步：

第一步：安装；

第二步：创建 db.json 文件，导入 json 数据；

第三步：启动服务；

安装

使用 json-server 需要 Node.js 环境；

> npm install -g json-server
or
> npm install json-server -save-dev

全局或本地安装；

> json-server -v

查看安装的版本：0.17.1 ；

创建 db.json 文件

 官网上考一段：

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

包括文章、评论和个人信息；

启动服务

开启服务，使用命令：

> json-server --watch db.json

提示：启动服务的命令必须要在 db.json 的文件夹下；

看到这个就说明服务启动完成；

其中有三个地址，分别是 db.json 中对应的三个资源，点开一个看一下：

可以看到三个链接对应：文章、评论和用户信息；

json 文件中每个一级属性就相当于一个表，他是一个数组，数组里的每条数据就相当于表里的第一条数据，表名后面要加 s (如：posts、comments)，不然关联的时候不起作用；

测试

操作数据的方式：

GET    /posts
GET    /posts/1
POST   /posts
PUT    /posts/1
PATCH  /posts/1
DELETE /posts/1

比如，要查看编号为 2 的文章：只需要在接口地址后输入编号2；

http://localhoot:3000/posts/2
or
http://localhost:3000/posts/?id=2

看效果：

显示刚才录入的文章数据；

有了这个 json-server 的简单服务，可以测试  axios 的基本功能的环境就搭建完成了；