写点什么

使用 mock 模拟登录接口数据

用户头像
与风逐梦
关注
发布于: 49 分钟前

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

看一下具体效果

正确的账号和密码

错误密码

错误账号


用户头像

与风逐梦

关注

还未添加个人签名 2021.08.16 加入

还未添加个人简介

评论

发布
暂无评论
使用mock模拟登录接口数据