Mock.js 的使用（前端模拟数据）

# npm 安装

npm install mockjs

# 在 assets 文件夹下新建 js 文件夹，再在js文件夹下新建 mock.js 文件

/*
* 引入mockjs
* */
import Mock from 'mockjs'

/*
* url = '/api/test/list'
* data|20 = 生成20条数据
* */
Mock.mock('/api/test/list', 'get', {
  'data|20': [{
    'id|+1': 0,  // id 自增，从 0 开始
    'email': '@email',  // 随机生成邮箱地址
    'boolean': '@boolean',  // 随机生成布尔值
    'datetime': '@datetime',  // 随机生成日期时间
    'image': '@image(\'200x200\')',  // 随机生成图片大小为 200x200 的图片链接
    'text': '@csentence(30)',  // 随机生成 30 个中文字符
    'title': '@ctitle(7, 15)',  // 随机生成 7 到 15 个中文标题
    'name': '@cname',  // 随机生成中文名字
    'web': '@domain',  // 随机生成域名
    'address': '@county(true)',  // 随机生成所属的省、市、县
  }]
});

# 在 main.js 中写入以下内容

import "@/assets/js/mock"  // 引入mock.js

# 发起 axios 请求

  mounted() {
    this.$get('/api/test/list'
    ).then(res =>{
      console.log(res);
    })
  }

# Mock.Random 提供的完整方法（占位符）如下

# 官网地址：http://mockjs.com/

参考博客：

1. mock.js的使用方法