使用json-server搭建模拟api接口

矫情吗；* 2022-07-12 05:16 116阅读 0赞

作为前端和客户端开发人员，在后端还没有给出对应的api接口时，我们无法做测试。  
这时，我们可以使用json-server快速搭建一个测试的api接口，能在几十秒之内搭建好。

Github地址：[https://github.com/typicode/json-server][https_github.com_typicode_json-server]

--------------------

### 使用前提 ###

*  安装node.js。  
    进入[https://nodejs.org/en/][https_nodejs.org_en]，下载对应的版本安装。  
    然后使用命令node -v 测试安装是否成功。  
    ![这里写图片描述][SouthEast]
 *  安装json-server  
    使用node的npm安装json-server  
    命令：npm install -g json-server
 *  配置  
    新建一个json文件

{
      "posts": [ { "id": 1, "title": "json-server", "author": "typicode" } ],
      "comments": [ { "id": 1, "body": "some comment", "postId": 1 } ],
      "profile": { "name": "typicode" } }

*  启动json-server  
    进入创建json所在的路径，我在e盘根目录创建的，所以进入e盘。  
    使用命令：json-server –watch json文件名  
    ![这里写图片描述][SouthEast 1]

json-server默认使用的是3000端口，在浏览器中打开[http://localhost:3000/][http_localhost_3000]  
出现以下页面说明访问成功。  
![这里写图片描述][SouthEast 2]

更详细的配置可以阅读json-server的说明文档。

[https_github.com_typicode_json-server]: https://github.com/typicode/json-server
[https_nodejs.org_en]: https://nodejs.org/en/
[SouthEast]: /images/20220711/b27c012b3a57470e820fae1d32dd79ec.png
[SouthEast 1]: /images/20220711/e840694a8bc2485dbdc7171745a9ca42.png
[http_localhost_3000]: http://localhost:3000/
[SouthEast 2]: /images/20220711/51bdd489c7dd41c6bc0acf80309c5e54.png