前言:作为前端工程师的我们,有时候在我们的后台还在设计数据库时,而我们前端又需要借助请求一些数据来展示和操作我们的页面。我们就只能等待后台(卑微前端惨兮兮,前端要雄起)。这时候就可以用到本地的mock-server来完全模拟请求以及请求回来的过程,而我们也只需要提供一个json文件,或者写几行简单的js脚本就可以模拟出RESTful API的接口。
json-server:为需要快速后端进行原型设计和模拟的前端开发人员创建。
-
安装
json-server npm install -g json-server
-
创建db.json 在一个文件夹下新建一个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 db.json
-
替代端口:您可以使用以下 --port 标志在其他端口上启动 JSON 服务器:
$ json-server --watch db.json --port 3004
想知道更多,请看官网教程。这里只做推荐!!!这里只是简单地操作。例子也是官网提供的。