使用 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":"賬號不存在"
        });
      }
    }
    
}

 

看一下具體效果

正確的賬號和密碼

錯誤密碼

錯誤賬號