在前后端分离开发的背景之下, 当后端接口没有完成之前, 前端开发人员所需要的后端数据怎么展现呢? 这里可以利用 mock.js批量生成随机数据, 前端开发者快速生成api接口, 供自己同步后续开发
要了解怎么生成批量假数据, 首先mock.js是一个很值得了解的生成随机数据的JS库,下面是mock.js的官网, 里面有详细文档, 利用它,你可以生成你想要的大部分类型数据
mock.js实例文档
我们可以直接利用mock.js在自己的项目中,创建api接口,但个人觉的利用下面的工具更为方便,并且更符合前后端分离开发的模式。
这是一个模拟接口的工具, 进入官网进行注册,登录, 创建项目, 编写接口即可,这里官方文档中都写的挺详细的
- mock数据校验请求参数
我们大多数时候请求发送post或者get请求的时候都会传递参数,然而这些参数怎么直接在mock数据中进行数据判断与校验并且返回呢,
这里用登录接口来举例:
{ status: ({ _req, Mock }) => { let body = _req.body; return body.username == "admin" && body.password == "123456" ? 200 : 500; }, message: ({ _req, Mock }) => { let body = _req.body; return body.username == "admin" && body.password == "123456" ? "success" : "error"; }, data: { userInfo: function ({ _req, Mock }) { let body = _req.body; if (body.username === "admin" && body.password === "123456") { return Mock.mock({ username: "admin", password: "123456", email: "@email", address: "@address", "age|10-30": 18, "gender|0-1": 1, "token": "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1aWQiOjUwMCwicmlkIjowLCJpYXQiOjE1MTI1NDQyOTksImV4cCI6MTUxMjYzMDY5OX0.eGrsrvwHm-tPsO9r_pxHIQ5i5L1kX9RX444uwnRGaIM" }); } else { return "请确认账号密码后再次重试"; } }, }, };
其中传递过来的参数:
_req.body是post请求传递的参数
_req.qurey是get请求传递的参数