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": {
}
})
官网生成文档: