先来看一段代码,从代码中来看MockJS中的随机函数吧。
// 导入模拟假数据的包
import Mock from "mockjs"
// 通过Mock.mock()来模拟API接口
Mock.mock('/api/goodlist', 'get', {
status: 200,
message: '获取商品列表成功!',
'data|6': [
{
id: '@increment(1)',
name: '@cword(2,6)',
price: '@natural(10,100)',
count: '@natural(99,999)',
img: '@dataImage(55x55)'
}
]
})
increment()
;生成一个全局的自增整数;
cword()
,生成随机的汉字,cword(2,6)是随机生成2-6个汉字;
natural()
随机生成一个整数自然数,同理natural(10,100)是随机生成10-100中的数字。
dataImage(55x55)
随机生成55*55大小的图片。
详见 MockJS文档
最后的console结果如下:
这个里面的重点是Mock.mock( rurl?, rtype?, template|function( options ) )
这个用法,通过Mock.mock()
来模拟API接口。括号里面有三个数据类型,前两个是可选的,后面的一个是必须要填写的。第一个是请求的API地址,第二个是请求类型,get
or post
。第三个就是返回的数据了。