使用json-server模拟服务器API 前端

作为一名前端工程师，在工作过程中肯定会与接口打交道，一般情况下，业务需求出来后端工程师会与你约定好接口的名字与数据格式，但是真正的接口并不会到你手中，此时写前端页面的时候就得将数据写到页面中去，给后来的接口调试带来阻碍，会拖慢开发效率。
现在要介绍的就是不擅长后台服务器开发的前端工程师的福音，json-server，这种做法称之为构建前端Mock，目前json-server在github上的star数量已经多达3.3w颗心。如果可以掌握会对工作很有帮助。
1、下载安装
这里是基于window系统用npm包安装的，没有的可以先去安装node.js。

npm install -g json-server

文章图片

基于全局安装好后可以输入json-server看是否安装成功。如果成功会是下面的样子。显示的是支持的命令。

文章图片

2、简单的使用json-server
首先创建一个文件夹，在里面创建一个json文件，里面写上json格式的数据，在当前目录下打开命令行。接下来启动json-server使其监听这个文件，我取得名字叫server.json。

json-server --watch server.json

如果运行后没有报错那么会出现如下样子。

文章图片

此时的端口就是http://localhost:3000。在浏览器地址上输入地址就可以获取json数据格式。
Resources下面列举的就是你可以掉用的接口地址。
想要访问整个json文件的数据可以输入http://localhost:3000/server
3、添加条件
真正的开发环境下，会添加很多参数和条件的。此时。