MockJs

MockJs的特点
前后端分离：让前端独立于后端进行开发。
增加单元测试的真实性：通过随机数据，模拟各种场景。
开发无侵入：不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据。
用法简单：符合直觉的接口。
数据类型丰富：支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。
方便扩展：支持支持扩展更多数据类型，支持自定义函数和正则。

Mock.Random
Mock.Random 是一个工具类，用于生成各种随机数据。
Mock.Random 的方法在数据模板中称为『占位符』，书写格式为 @占位符(参数 [, 参数]) 。

常用API

api

src\mock\index.js

// 引入mockjs
const Mock = require("mockjs");
// 获取 mock.Random 对象
const Random = Mock.Random;
// mock一组数据
const songListData = function() {
  let songList = [];
  for (let i = 0; i < 6; i++) {
    let newObject = {
      title: Random.csentence(5, 10), //  Random.csentence( min, max )
      thumbnail_pic_s: Random.dataImage("300x250", "mock的图片"), // Random.dataImage( size, text ) 生成一段随机的 Base64 图片编码
      author_name: Random.cname(), // Random.cname() 随机生成一个常见的中文姓名
      date: Random.date() + " " + Random.time() // Random.date()指示生成的日期字符串的格式,默认为yyyy-MM-dd；Random.time() 返回一个随机的时间字符串
    };
    songList.push(newObject);
  }
  return {
    songList: songList,
  };
};
Mock.mock("/songs/index", "post", songListData);