介绍

  • 安装
npm install mockjs

-需在src文件夹下创建mock文件夹才能引用

使用

import Mock from 'mockjs'
Mock.setup(settings:{timeout:'100-200'})//模拟延迟100-200毫秒之间

  • 生成字符串
//指定数据 'name|次数(min-max)':'文本'
const data=Mock.mock({
	 'string|4':'哎呀!'
})
//随机数据 name:'@cword(n,x)'
const data=Mock.mock({
	string:'@cword(3,5)'
})
  • 生成文本
//标题和句子
title:'@ctitle(8,9)'
sentence:'@csentence(80,90)'
//段落,包含n句
content:'@cparagraph(n)'
  • 生成数字
//n到m的范围数字
number|n-m:1
  • 生成增量id
//随机生成标识
id:'@increment()'
  • 生成姓名-地址-身份证号
//随机生成
name:'@cname()'
idCard:'@id()'
address:'@city(true)'
  • 生成随机图片
//随机生成
image_url:"@image(图片大小,图片背景色,图片前景色,图片格式,图片文字)"
  • 生成时间
//随机生成
@Date
//指定格式
@date(yyyy-MM-dd hh:mm:ss)
  • 指定数组返回的条数
//指定长度
data|5
//指定范围
data|1-3

拦截请求

  • get
Mock.mock('api/get/home','get',()=>{
	return {
    	status:200,
      	message:'获取数据成功!'
    }
})
  • post
Mock.mock('apo/post/news','post',()=>{
	return {
    	status:200,
      	message:'添加成功'
    }
})