mock快速入手

0 阅读1分钟

Mock.js

1.数据模板定义规范

1.1 npm i mockjs

image.png

1.2 npm i @types/mockjs:mock的js

image.png 运行mock文件命令如下:(当然也可以在控制台输出) npm install --save-dev typescript ts-node @types/node npx ts-node index.ts

1.3 控制台查看mock结果

image.png 多试几次,都是random值

image.png

1.4 不同数据类型的模板

通常遵循以下:

image.png 生成规则:

image.png

1.4.1 值为字符串

image.png

1.4.2 值为正则表达式

import Mock from 'mockjs'
let data = Mock.mock({
  // 重复5次列表
  "list|3":[
    {
  '邮箱': /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/,
  '用户名': /^[a-zA-Z][a-zA-Z0-9_]{3,19}$/,
  '手机号': /^1[3-9]\d{9}$/,
  '年龄': /^([1-9]\d?|1[01]\d|120)$/,
  '性别': /^[男女MF]|Male|Female$/,
  '状态': /^(active|inactive|deleted|pending)$/,
  'ID': /^\d{1,10}$/
}
  ]

})
console.log(data)

image.png