Mock.js 是一款前端开发中拦截Ajax请求再生成随机数据响应的工具,可以用来模拟服务器响应. 优点是非常简单方便, 无侵入性, 基本覆盖常用的接口数据类型.。 支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。

安装:npm install mockjs

在项目中创建mock目录,新建index.js文件

import Mock from "mockjs"

Mock.mock('/search', {
    "ret": 0,
    "data": {
        // 生成随机日期
        "mtime": "@datetime",
        // 生成随机数组1-800
        "score|1-800": 1,
        // 生成随机中文名字
        "nickname": "@cname",
        // 生成图标
        "img": "@image('200x100', '#ffcc33', '#FFF', 'png', 'Github')"
    }
})

main.js中导入mock

import "./mock";

拦截/search?id=1这样带参数的路由,需要在拦截的地方,加上正则表达式

import Mock from "mockjs"

Mock.mock(RegExp('/search.*'), {
    "ret": 0,
    "data": {
    }
})

官网生成文档:

Syntax Specification · nuysoft/Mock Wiki