使用 mock 模擬登入介面資料

soul_12138發表於2021-08-26

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":"賬號不存在"

  });

  }

  }

}

看一下具體效果

正確的賬號和密碼

寫作的藝術

錯誤密碼

錯誤賬號

本作品採用《CC 協議》,轉載必須註明作者和本文連結

相關文章