mock.js的基本使用

#基本介绍
前端开发时，后端还没有数据的情况下，临时随机生成数据，模拟各种场景；支持生成随机的文本，数字，日期，邮箱等；支持支持扩展更多数据类型，支持自定义函数和正则

#1，先进行安装

npm install mockjs --save;

2，在项目中创建mock文件，mock.js

3，在main.js 中引入 创建的 mock.js

import './mock/mock.js'

基本规则用法
注：正则 不用 ’ ’ 单引号 括起，更多规则可以查看mock.js文档

import Mock from 'mockjs'

const Api = 'XXXX'  //

var data = Mock.mock({
  'dlList|5-8': [{  // 随机生成5-8条数据
    id: '@id()', // 随机id
    'num|+1': 1, // 1开始，自增长
    'age|1-100': 1, // 随机生成 1-100之间数字
    "sex|1":["男","女"],    // 随机男女
    name: '@cname', // 随机中文名字 
    title: '@ctitle()', // 随机中文字段 ，()可写入数值，限定字段数量
    title2: '@title()', // 随机英文字段 
    date: '@date()', // 随机生成日期  默认 yyyy-mm-dd
    beizhu: '@cword()' // 中文描述
    'idCard': /\d{15}|\d{18}/ // 指定正则表达式，当前生成身份证号
  }]
})
Mock.mock(`${Api}/dlList`, 'get', {data, code: 200}, () => {
  return data
})

使用方式
页面正常使用，没什么区别

this.$axios.get('xxx/dlList')then(res => {
	console.log(res)
})