mock数据校验请求参数

在前后端分离开发的背景之下, 当后端接口没有完成之前, 前端开发人员所需要的后端数据怎么展现呢? 这里可以利用 mock.js批量生成随机数据, 前端开发者快速生成api接口, 供自己同步后续开发

  1. mock.js
    要了解怎么生成批量假数据, 首先mock.js是一个很值得了解的生成随机数据的JS库,下面是mock.js的官网, 里面有详细文档, 利用它,你可以生成你想要的大部分类型数据
    mock.js实例文档
  2. fastmock
    我们可以直接利用mock.js在自己的项目中,创建api接口,但个人觉的利用下面的工具更为方便,并且更符合前后端分离开发的模式。
    这是一个模拟接口的工具, 进入官网进行注册,登录, 创建项目, 编写接口即可,这里官方文档中都写的挺详细的
  3. 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请求传递的参数

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值