mock數(shù)據(jù)可能是工作中常見(jiàn)的一些必要手段萨西， 手寫(xiě)mock有些麻煩，介紹fastmock網(wǎng)址https://www.fastmock.site/的使用方法哦~首先需要登錄注冊(cè)創(chuàng)建項(xiàng)目， 其次再去寫(xiě)接口的一些信息如請(qǐng)求方式等等啦
mock數(shù)據(jù)可以去mock官網(wǎng)查看更多方法如 圖片瞭郑、名字勿锅、地址撬陵、身份證號(hào)等等
下面介紹接口怎么mock數(shù)據(jù)：
需要注意：數(shù)據(jù)是JSON類型的，所以記住用雙引號(hào)
一萨咳、簡(jiǎn)單的數(shù)據(jù)
{
"list|10":[
{
"id":0,
"text":"@name",
"price":998,
"imgs":"@image('200x200')"
}
]
}
產(chǎn)生了10條數(shù)據(jù)如下：{
"list": [
{
"id": 0,
"text": "Ronald Lopez",
"price": 998,
"imgs": "http://dummyimage.com/200x200"
},
{
"id": 0,
"text": "Maria Thomas",
"price": 998,
"imgs": "http://dummyimage.com/200x200"
},
{
"id": 0,
"text": "Angela Walker",
"price": 998,
"imgs": "http://dummyimage.com/200x200"
},
{
"id": 0,
"text": "George Jackson",
"price": 998,
"imgs": "http://dummyimage.com/200x200"
},
{
"id": 0,
"text": "Richard Lopez",
"price": 998,
"imgs": "http://dummyimage.com/200x200"
},
{
"id": 0,
"text": "Brenda Harris",
"price": 998,
"imgs": "http://dummyimage.com/200x200"
},
{
"id": 0,
"text": "Mark Garcia",
"price": 998,
"imgs": "http://dummyimage.com/200x200"
},
{
"id": 0,
"text": "Betty Perez",
"price": 998,
"imgs": "http://dummyimage.com/200x200"
},
{
"id": 0,
"text": "Jose Lewis",
"price": 998,
"imgs": "http://dummyimage.com/200x200"
},
{
"id": 0,
"text": "Cynthia Anderson",
"price": 998,
"imgs": "http://dummyimage.com/200x200"
}
]
}
有些時(shí)候需要我們mock真是的post/get提交的data懊缺， 按照下列方式mock:
{
"data": function({
_req,
Mock
}) {
let {
pageIndex,
pageSize
}=_req.query;
if(pageSize == 10){
return Mock.mock({
"list|10":[
{
"id|+1":0,
name:'@name',
img_src:"@image(200X230)"
}
],
"total":"24"
})
}
}
}
此時(shí) 要想請(qǐng)求到此數(shù)據(jù) 需要傳遞請(qǐng)求data: {pageIndex:xx, pageSize:10} 才可以返回mock的數(shù)據(jù)哦 ~
因需求不一樣， 大家掌握了mock的技能后能夠舉一反三是最好的培他， 點(diǎn)贊哦~
