前端工程师的好兄弟-json-server

前言:作为前端工程师的我们,有时候在我们的后台还在设计数据库时,而我们前端又需要借助请求一些数据来展示和操作我们的页面。我们就只能等待后台(卑微前端惨兮兮,前端要雄起)。这时候就可以用到本地的mock-server来完全模拟请求以及请求回来的过程,而我们也只需要提供一个json文件,或者写几行简单的js脚本就可以模拟出RESTful API的接口。

json-server:为需要快速后端进行原型设计和模拟的前端开发人员创建。

  1. 安装

    json-server npm install -g json-server

  2. 创建db.json 在一个文件夹下新建一个db.json文件

    { 
    	"posts": [{ "id": 1, "title": "json-server", "author": "typicode" } ], 
    	"comments": [ { "id": 1, "body": "some comment", "postId": 1 }  ],	
    	"profile": { "name": "typicode" } 
    } 
    
  3. 启动json-server 在当前文件夹下输入如下命令:json-server db.json

  4. 替代端口:您可以使用以下 --port 标志在其他端口上启动 JSON 服务器:

    $ json-server --watch db.json --port 3004
    

想知道更多,请看官网教程。这里只做推荐!!!这里只是简单地操作。例子也是官网提供的。

资料参考与:
axios的API、源码分析、模拟实现重要功能
json-server入门官方教程

Guess you like

Origin blog.csdn.net/qq_42899245/article/details/121907388