使用 mock 模擬登入介面資料

mock。js模擬登入介面

第一步:開啟apipost,透過mock服務來進行編寫登入介面

使用 mock 模擬登入介面資料

選擇為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 模擬登入介面資料

正確的賬號和密碼

使用 mock 模擬登入介面資料

錯誤密碼

使用 mock 模擬登入介面資料

錯誤賬號

使用 mock 模擬登入介面資料