mock.js使用总结

Posted 2020-10-05

基本使用：

1 引入mock.js

2 

var data = Mock.mock({
    // 属性 list 的值是一个数组，其中含有 1 到 10 个元素
    ‘list|1-10‘: [{
        // 属性 id 是一个自增数，起始值为 1，每次增 1
        ‘id|+1‘: 1
    }]
})

 

// ==>
{
    "list": [
        {
            "id": 1
        },
        {
            "id": 2
        },
        {
            "id": 3
        }
    ]
}

 

语法说明：

见官方文档 ：https://github.com/nuysoft/Mock/wiki/Syntax-Specification

占位符说明：

占位符例如 @name @email @county(true)  等等 都是Mock.Random扩展的方法。可以查看https://github.com/nuysoft/Mock/wiki/Mock.Random

不过需要注意的是： 

Random.cname()
// => "袁军"
使用的时候就是 @cname

Random.county()
// => "上杭县"
Random.county(true)
// => "甘肃省 白银市 会宁县"
使用的时候就是 @county(true)

ajax请求拦截

Mock.mock()能够设置指定的url拦截ajax请求，然后返回结果，真是厉害，达到实际模拟请求的效果，而且还可以设置请求响应的时间。具体可以参考https://github.com/nuysoft/Mock/wiki/Mock.mock()