使用 mock 模拟登录接口数据前端后端apipost

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

【使用 mock 模拟登录接口数据】看一下具体效果