mock创建数据接口

1、在mock文件夹中创建一个js文件，在文件中创建数据并mock接口
import Mock from 'mockjs'
// 设置全局延时，没有延时的话，有时候会检测不到数据变化
Mock.setup({
  timeout: '300-600'
})
Mock.mock(/\/testlist/, 'get', Mock.mock({
  id: '@id', // 随机生成id
  name: '@cname',
  'phone|1': /^1[0-9]{10}$/, // 生成数字1＋10位数字（低配电话号码）
  'perid|1': /[0-9]{5}$/, // 生成5位数字
  'address|1': ['山东省济南市', '江苏省南京市', '新疆乌鲁木齐', '湖南长沙'],
  // 随机选择其中一个地址
}));

2、在API的相应js中写
const api = {
    testList: '/testlist',
}
//接口对接
export function getTestList(parameter) {
  return request({
    url: api.testList,
    method: 'get',
    params: parameter
  }).catch(error => {
    defaultAppErrorHandler(error);
  })
}

3、在mock文件中index.js中写入
require('./services/testData')

4、在vue文件中使用的时候
import { getTestList } from '@/api/taskApi'
请求接口时
getTestList().then((res) => {
      console.log('获取数据*********', res)
    })