使用 mock 模拟登录接口数据

2023-11-18

mock.js模拟登录接口

第一步:打开apipost,通过mock服务来进行编写登录接口

在这里插入图片描述

选择为mock环境
在这里插入图片描述

第二步:编写自己的登录接口

apipost支持_req.body对象,当 post 请求以 x-www-form-urlencoded 或者application/json 方式提交时,我们可以拿到请求的参数对象。
通过_req.body对象,可以通过if语句等JavaScript的语法,判断_req.body对象的值进行接口编写,比如:登录接口的判断,账号密码正确、账号密码错误,账号不存在等代码如下:

{
    "data": function() {
      let body = _req.body;
      if (body.username === 'admin' && body.password === '123456') {
        return Mock.mock({
          "code":200,
          username: "@cname()",
          city: "@city()",
          creation_date: "@date('yyyy-MM-dd')",
          "desc": "成功"
        });
      } else if(body.username === 'admin'||body.password != '123456') {
        return Mock.mock({
        "code":400,
        "error":"账号密码错误"
        });
      }else{
        return Mock.mock({
        "code":500,
        "error":"账号不存在"
        });
      }
    }
}

看一下具体效果
在这里插入图片描述

正确的账号和密码
在这里插入图片描述

错误密码
在这里插入图片描述

错误账号

在这里插入图片描述

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 mock 模拟登录接口数据 的相关文章