mockjs使用

mockjs

安装&使用

# 安装
npm install mockjs

// 使用 Mock
var Mock = require('mockjs')
var data = Mock.mock({
    // 属性 list 的值是一个数组，其中含有 1 到 10 个元素
    'list|1-10': [{
        // 属性 id 是一个自增数，起始值为 1，每次增 1
        'id|+1': 1
    }]
})
// 输出结果
console.log(JSON.stringify(data, null, 4))

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

基础api

Mock.mock( rurl?, rtype?, template|function( options ) )

参数组合

参数说明

实战使用

1. main.js中引入mock.js文件

   
   
   image.png

2. mock.js中引入Mockjs

   
   
   image.png

3. 使用Mock.mock函数生成模拟数据

   
   
   image.png

4. 使用Mock.mock函数拦截请求

   
   
   image.png