关于前端:使用-mock-模拟登录接口数据

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

看一下具体成果

正确的账号和明码

谬误明码

谬误账号