安裝與使用

# 安裝
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]" }

前後端分離之mockjs基本介紹