1.安装

npm install mockjs --save-dev

import Mock from 'mockjs'

2.调用mock函数

get

Mock.mock('/api/test?a=1&b=2', 'get', {
  status: 200,
  message: '请求成功',
  data: [1, 2, 3, 4]
})

post

Mock.mock('/api/test2', 'post', function(options) {

  console.log(options) //请求相关的参数 

  return {
    status:200,
    message:'post请求成功啦'
  }
})

3.随机函数 可以使用@符号代表Random函数

Mock.mock('/api/test', 'get', {
  status: 200,
  message: '请求成功',
  'data|5': [  // data|数字  前面的data是属性名 , |5是mock语法 返回5条
    {
      id:'@increment()', //自增数
      name:'@cword(2,4)',//中文
      img:'@dataImage(200x200)', //图片
      price:'@natural(10,50)' //自然数
    }
  ]
})

image.png