使用 mock 模拟登录接口数据

mock.js模拟登录接口

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

使用 mock 模拟登录接口数据_第1张图片
选择为mock环境
使用 mock 模拟登录接口数据_第2张图片

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

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":"账号不存在"
        });
      }
    }
}

看一下具体效果
使用 mock 模拟登录接口数据_第3张图片
正确的账号和密码
使用 mock 模拟登录接口数据_第4张图片
错误密码
使用 mock 模拟登录接口数据_第5张图片
错误账号
使用 mock 模拟登录接口数据_第6张图片

你可能感兴趣的:(前端后端apipost)