mock.js 使用(待补充)
程序员文章站
2022-05-13 16:01:31
...
背景
在前后端分离分离开发的大环境下,在后端数据没完成数据输出或其他情况下,前端开发会有自己模拟数据的必要。
之前写的 demo 会写一个 json
格式的文件,放入自己编写的静态模拟数据,问题在于:
- 数据不够灵活
- 还需要手动切换 url
目前最为适用的方式应该是 mock.js
了:
基础
1. 什么是 mock.js ?
2. mock.js 示例
3. 如何拦截ajax请求
查看 mock.js 文档
Mock.mock( rurl, rtype, template )
如:
Mock.mock('1.json','get',{
'sid|+1': 1,
} )
记录数据模板。当拦截到匹配 rurl 和 rtype 的 Ajax 请求时,
将根据数据模板 template 生成模拟数据,并作为响应数据返回。
Mock.js 通过覆盖和模拟原生 XMLHttpRequest 的行为来拦截 Ajax 请求,不再依赖于第三方 Ajax 工具库(例如 jQuery、Zepto 等)。