分享一款提高前端开发效率的小插件 -- json-server

  在前后端分离的项目中，有时候碰到后端接口迟迟给不出，已经影响到前端这边的开发进度了，这时候怎么办呢 ？为了不让自己背锅，还是自己用假数据模拟一个接口，到时候接口好了，只是替换个接口地址，这样做比较靠谱。
  这款插件就是 json-server，接下来说一下它的使用方法：

• 首先在 cmd命令行中安装json-server （ 没有安装 node 的话，先去安装 node ）

  npm install -g json-server

image.png

• 创建一个 db.json 文件，l里面写入你想要的后端输出的数据格式，示例如下：

  {
      "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

image.png

• 利用 Postman 软件测试接口是否正确，效果如下：

image.png

• 如图所示，接口正确返回了我们输入的 数据格式，至此，json-server 的分享就到这里了，开始你的前端之旅吧~~~