React之模拟数据库json-server 2019-01-26

在前端开发的时候，我们有时候需要验证一些异步请求返回数据后的交互效果，那么就需要搭建一个nodejs服务器来模拟，但是需要自己去在node项目中写比较麻烦，json-server就是快速搭建这样一个node服务器，你只需要创建一个.json的文件，然后监听这个文件就可以了

这里我使用yarn本地安装并演示json-server，因为我npm已经有了全局的json-server

终端命令：

现在你已经运行了一个小的服务器，通过向 http://localhost:3004/myData 即可返回数据，但在这之前你需要先在data.json中填写数据

进入 data.json ,如下格式

打开浏览器，进入 http://localhost:3004/myData 即可看到json内容，说明能够请求服务器并返回了,终端输入

curl http://localhost:3004/myData 也能看到json内容

在前端开发的过程中，会碰到以下一些问题：

为了解决此类问题，需要使用 mock 数据和 mock 服务器来提供支持。

很多前端框架，如 Reactor、 Angular、Vue 等都带有 mock 服务，以方便开发，这里介绍的是一个独立的小工具，可以在开发者自己的机器上方便的部署和运行，模拟后端接口的返回，以方便前端模拟各种数据。特性如下：

该数据即 files 目录下面 _api_heartbeat_get.json 的内容。

直接按快捷键 CTRL+C 来停止。

GET http://127.0.0.1:1492/api/heartbeat映射到 files_api_heartbeat_get.json

POST http://127.0.0.1:1492/api/user/create映射到 files_api_user_create_post.json

GET http://127.0.0.1:1492/api/user?pseudo=1映射到 files_api_user_get_1.json

POST http://127.0.0.1:1492/api/course?pseudo=2映射到 files_api_course_post_2.json

---