前端模拟数据（mock数据）的方法二：使用在线mock平台（fastmock）

其他的mock数据，基本上的原理都是前端在本地起一个服务器，然后发起http请求来获取数据。这样一来，就需要在本地管理模拟的数据，但是随着前端的发展，已经有了不少在线的mock数据平台。由他们来提供服务器，我们只要在他们平台上创建好自己的模拟数据，就可以使用了。
原理：

我们将mock层独立出来，通过中间服务的形式在前端和后端服务之前建立一道围栏，使用fastmock，前端只需要修改自己的XHR请求地址，后端只需要在开发前和前端约定好接口文档即可。等到后端服务开发完成，前端再将XHR请求地址替换回来进行联调测试即可。

第一步：注册账号

https://www.fastmock.site/
使用文档：https://marvengong.gitee.io/fastmock-docs/

第二步：创建项目和设置路径

点击这三个按钮都可以进入新建接口（基于刚刚创建的根路径）

点击创建接口之后：

第三步：创建API接口

第四步：在项目中发起http请求，获取数据

第五步：实现根据请求的参数不同而给予不同的响应-get方法

上一步的get请求中并没有传递参数过去，但是，平时我们需要一些接口，是有携带参数的，根据参数的不同，后端做不同的处理，然后返回不同的数据。
比如商品详情信息的获取，就需要通过商品对应的id作为参数，来发起http请求。那么这样的接口如何去模拟呢？

也就是说，在服务器端，需要根据请求的参数不同，而做出不同的相应，就是利用function({_req, Mock})这函数的参数中的两个属性。

其中req中存储着请求的参数：
query查询参数对应get请求，如/user?id=1   获取方式为_req.query.id，请求参数存放在_req.query这个对象中
body请求体数据对应的是post请求，在请求的request body中   获取方式为_req.body.id，请求参数放在_req.body这个对象中

而mock其实就是mock.js的另一种体现，通过这个函数，可以快速创建出我们想要的数据结构：

这个函数接收两个参数，_req和Mock 注意：这两个变量名不能改动
在函数体中返回该字段对应的值，在返回之前做相应的逻辑处理
_req参数中包含了四个对象，_req.query , _req.params , _req.body , _req.headers可以从这四个对象中获取上述的四种数据。
Mock对象就是mock.js 原生对象，可以用它做mock.js中Mock对象可以做的事情，如Mock.mock({name: '@cname'})等等 如：上图中的对应接口录入规则为

第六步：实现根据请求的参数不同而给予不同的响应-post方法

第七步：常见的数据结构的fastmock写法

https://blog.csdn.net/weixin_42349568/article/details/111349829