JSON Server的安装与使用

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/ZZY1078689276/article/details/83616043

简介

  在我们以往的前端开发中，经常会用到向后台请求数据的操作，而后台并非每时每刻都能提供我们所使用的数据，比如说假如后台还没有编写好该前端调用所需要的后台api接口，实际上这是前后端在交互时经常会遭遇到的事情。而在眼下越来越火的前后端分离式的开发中，这种问题出现的概率往往更改，而这也成了其制约项目开发周期的一个很严重的瓶颈，而此时的JSON Server就是为了解决这一问题而存在的。

  JSON Server允许前端开发人员以模拟后台数据请求的方式访问json文件，其为我们提供了比较丰富的仿后台数据操作，比如说基本的CRUD等基本类型的数据操作，以及GET、POST、PUT、PATCH、DELETE等多种数据请求类型操作等。

官网地址：

  JSON Server的官方GitHub源码与文档地址如下：

• JSON Server

安装指令：

  JSON Server的安装指令如下：

cnpm install -g json-server

  查看安装的结果：

json-server -v

  当我们看到下面的结果时，其就说明我们的JSON Server已经安装成功。

官网示例

  在使用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

json-server --watch db.json

  其启动后在控制台中展示的信息内容如下：

  当我们在浏览器中访问http://localhost:3000/posts/1路径时，其展示的结果如下：