使用json-server与Mockjs搭建模拟服务_mockjs结合json-server模拟后台数据-CSDN博客

本文链接：https://blog.csdn.net/haozige888/article/details/106951082

本文介绍了如何使用json-server和Mockjs搭建模拟服务。首先，在指定位置创建文件夹，全局安装json-server，然后配置json数据并启动服务。接着，安装Mockjs并生成模拟数据。最后，通过访问特定URL验证服务已成功搭建。文中还提供了相关使用提示，如实时监测数据变化、处理HTTP动词请求等。

摘要由CSDN通过智能技术生成

为什么使用

在项目开发中，常常需要边写前端页面边写后端接口，但是后端接口服务往往是滞后于前端开发的，或者是不能及时提供的。出于前端开发的迅速和便捷去考虑，我们可以根据后端接口数据结构去模拟(mock)数据从而实现前端的独立开发。
JsonServer 主要的作用就是搭建本地的数据接口，创建json文件，便于调试调用
Mockjs 主要的作用就是生成随机数据，支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等

如何使用

以下操作需要node.js环境

1.创建文件夹

选择自己喜欢的位置创建一个文件夹，比如E:/mock
2.安装json-server

进入E:/mock

npm install json-server -g

安装完执行 json-server -h，若安装成功则会显示选项

Options:
--config, -c Path to config file [default: "json-server.json"]
--port, -p Set port [default: 3000]
--host, -H Set host [default: "localhost"]
--watch, -w Watch file(s) [boolean]
--routes, -r Path to routes file
--middlewares, -m Paths to middleware files [array]
--static, -s Set static files directory
--read-only, --ro Allow only GET requests [boolean]
--no-cors, --nc Disable Cross-Origin Resource Sharing [boolean]
--no-gzip, --