MockJS中的随机函数

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: https://blog.csdn.net/qq_42893625/article/details/102564990

先来看一段代码,从代码中来看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。第三个就是返回的数据了。

猜你喜欢

转载自blog.csdn.net/qq_42893625/article/details/102564990