一、什么是Mock数据?
1.通过与服务器约定好的接口,模拟请求数据甚至逻辑。
2.前后端同时开发的时候,后端数据没有出来,前端可以mock假数据,先进行开发。
3.可以先理解成一个暂时的数据库。
4.对Mock数据更详细的解释-链接
二、 测试
编写Mock文件,在/mock/api.ts
的代码如下,
export default {
// 支持值为 Object 和 Array
'GET /api/users': { users: [1, 2] },
// GET 可忽略
'/api/users/1': { id: 1 },
// 支持自定义函数,API 参考 express@4
'POST /api/users/create': (req, res) => {
// 添加跨域请求头
res.setHeader('Access-Control-Allow-Origin', '*');
res.end('ok');
},
}
浏览器访问 localhost:8000/api/users,就能得到{ users: [1,2] },其它以此类推。
三、进阶--使用Mock.js第三方数据库
手动写的数据会出现费时费力效率低、真实性低的情况,可以使用Mock.js第三方数据库,借助数据库提高mock数据的使用效率-链接