Mockjs 讲解和使用

mockjs 讲解

mock(url,type,data)
mock(url,type,function)

data：数据
url：拦截地址(可以是正则)
type：拦截请求类型(post,get,put,delete)
function：通过函数返回数据,参数用config 请求的配置

语法

"@id" 生产id
"star|1-2":"⭐" 字符串重复1-2次
"price|100-200.2-3”小数点2-3位
"data | 10"";[{name:"名称")] 数组的内容重复10遍
"live | 1":true, 随机返回true,false
"tel":/13\d{9}/ 手机号码
"des":function(){ return this.start+this.price}
"name":"@cname" 表示中文名称
"address":"@country(true)" 地址
"description":"@cparagraph(1，3）”随机段落2-3行
"pic":@datalmage(200x100）;图示"

mockjs 基本使用

// 安装
npm i mockjs -S
// 使用
import Mock from 'mockjs' // 引入声明
Mock.mock('/home', 'get',"6666") // 模拟接口。返回数据666
// 模拟接口调用
function getData(){
  axios.get('/home').then(res => {
    console.log(res)  //拿到数据 
  }).catch(err => {
    console.log(err)
  })
}