今天整理分享一下如何快速的安装 json-server、简单的使用方法（学不会来打我）。

json-server 是个啥玩意儿，有啥用？

作为一个前端开发工程师，在后端还没有 ready 的时候，不可避免的要使用 mock 的数据。你可能会问，这和 json-server 有关系吗？

答案是当然有了，我们只需要提供一个 json 文件，或者写几行简单的 js 脚本，json-server 就可以模拟出 RESTful API的接口，来完全模拟请求以及请求回来的过程。

也就是说，json-server 是一个 Node 模块，运行 Express 服务器，指定一个 json 文件作为 API 的数据源。

安装 json-server

JSON 服务器

Github 主页

安装 json-server 很简单，终端内一行代码搞定。（需要 node 支持）

npm i -g json-server

很多人会问，为什么我安装不上？别慌，看看是一下这样吗？

如果是，我们 windows+R cmd 打开终端，输入 npm config ls，复制 prefix 里的路径，在系统环境变量的 path 下新增一行，然后重新安装一下就可以了。如果还不行那就以管理员方式重新弄一遍（很小的概率，看看是不是你）。

安装完成后输入代码 json-server -v 检查一下是否有版本号，如果有，恭喜，你现在就可以直接挑到使用了。 如果是这样：

这是因为你的系统禁止使用，解决方式也很简单：

1. 我们使用管理员方式打开 Power Shell。
2. 输入Get-ExecutionPolicy，可以查看到当前的策略。
3. 输入Set-ExecutionPolicy RemoteSigned，设置当前的策略为 RemoteSigned。
4. 输入y后在运行就可以了。

使用 json-server

现在，我们完成了安装，接下来是如何去简单的使用 json-server 。

首先，我们需要创建一个名字为 db.json 的文件，文件内容：

{
  "posts": [
    {
      "id": 1,
      "bookname": "红楼梦",
      "author": "曹雪芹",
      "publisher": "上海图书出版社"
    }
  ],
  "comments": [],
  "profile": {
    "name": "typicode"
  }
}

然后在这个文件目录下，终端内输入一行代码

json-server --watch db.json

这样就是启动成功了。(这个表情还挺有趣 {\{^_^}/ hi!})

接下来，我们就可以使用默认的接口了。

GET    /posts    得到posts中的数据
GET    /posts/1  得到posts中id为1的数据
POST   /posts    传输数据给posts
PUT    /posts/1  增加资源给posts
PATCH  /posts/1  通过query方式传参
DELETE /posts/1  删除数据

也可以自定义路由器和排序等其他用法，这里不过多介绍，官网里写的很详细。

我们在 postman 简单测试一下 http://localhost:3000/posts

如上，我们的数据就获取到了。

其他接口的用法都是大同小异的，我就不打扰各位的时间了，感谢您的观看，再见！（如果点赞收藏支持一下就更好了，谢谢！！！）