前端模拟数据

安装 mock.js 和 axios

npm install --save-dev mockjs
npm install --save axios

import Mock from "mockjs"

// 自定义返回数据
// import data from './data.json'

Mock.mock('http://localhost:8086/list', {
  code: 0, data:
  {
    'data|20': [
      {
        id: '@id',//随机id
        name: '@name',//随机名称
        nickName: '@last',//随机昵称
        phone: /^1[34578]\d{9}$/,//随机电话号码
        'age|11-99': 1,//年龄
        address: '@county(true)',//随机地址
        email: '@email',//随机邮箱
        isMale: '@boolean',//随机性别
        createTime: '@datetime',//创建时间
        avatar() {
          //用户头像
          return Mock.Random.image('100×100', Mock.Random.color(), '#757575', 'png', this.nickName)
        }
      }
    ]
  }
})

在main.js中引入mock这个文件

import './mock/mockServer'

然后直接使用即可

用于自己记忆

借鉴于：使用mock.js 生成假数据_好了来看下一题的博客-CSDN博客_mock假数据