前后端分离之mockjs基本介绍

Posted 2020-12-29 raindi

安装与使用

# 安装
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))

Mock.mock():根据数据模板生成模拟数据

1.rurl

可选。

表示需要拦截的 URL，可以是 URL 字符串或 URL 正则。例如 //domain/list.json/、‘/domian/list.json‘。

2.rtype

可选。

表示需要拦截的 Ajax 请求类型。例如 GET、POST、PUT、DELETE 等。

3.template

可选。

表示数据模板，可以是对象或字符串。例如 { ‘data|1-10‘:[{}] }、‘@EMAIL‘。

4.function(options)

可选。

表示用于生成响应数据的函数。

options
指向本次请求的 Ajax 选项集，含有 url、type 和 body 三个属性

Mock.setup()

配置拦截 Ajax 请求时的行为。支持的配置项有：timeout。

Mock.setup({
    timeout: 400
})
Mock.setup({
    timeout: ‘200-600‘
})

指定被拦截的 Ajax
请求的响应时间，单位是毫秒。值可以是正整数，例如
400，表示 400 毫秒 后才会返回响应内容；也可以是横杠 ‘-‘
风格的字符串，例如 ‘200-600‘，表示响应时间介于 200 和
600 毫秒之间。默认值是‘10-100‘。

Mock.Random

Mock.Random 是一个工具类，用于生成各种随机数据
Mock.Random 的方法在数据模板中称为『占位符』，书写格式为 @占位符(参数 [, 参数]) 

var Random = Mock.Random
Random.email()
// => "[email protected]"
Mock.mock(‘@email‘)
// => "[email protected]"
Mock.mock( { email: ‘@email‘ } )
// => { email: "[email protected]" }