Mock.js 是一个前端开发中常用的数据模拟库,可以方便地生成随机的测试数据。下面是使用 Mock.js 的简单示例:
- 安装 Mock.js:
npm install mockjs
- 在你的代码中引入 Mock.js:
import Mock from 'mockjs';
- 使用 Mock.js 生成模拟数据:
// 模拟 GET 请求返回数据
Mock.mock('/api/user', 'get', {
'name': '@cname',
'age|18-60': 0,
'gender|1': ['男', '女']
});
// 模拟 POST 请求返回数据
Mock.mock('/api/login', 'post', function(options) {
const { username, password } = JSON.parse(options.body);
if (username === 'admin' && password === '123456') {
return {
code: 200,
message: "登录成功"
};
} else {
return {
code: 401,
message: "用户名或密码错误"
};
}
});
- 在你的代码中发送请求并获取模拟数据:
”`javascript // GET 请求示例 fetch(‘/api/user’)
.then(response => response.json())
.then(data => console.log(data));
// POST 请求示例(使用 axios) axios.post(‘/api/login’, { username: ‘admin’, password: ‘123456’ })
.then(response => console.log(response.data));
- 运行你的应用程序,并查看控制台输出,即可看到模拟的数据。
这只是 Mock.js 的基本用法,你可以根据需要自定义更多的模拟数据规则和接口。详细的用法请参考 Mock.js 的官方文档:https://github.com/nuysoft/Mock/wiki
内容由零声教学AI助手提供,问题来源于学员提问




