欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

mock.js 使用(待补充)

程序员文章站 2022-05-13 16:01:31
...

背景

在前后端分离分离开发的大环境下,在后端数据没完成数据输出或其他情况下,前端开发会有自己模拟数据的必要。

之前写的 demo 会写一个 json 格式的文件,放入自己编写的静态模拟数据,问题在于:

  1. 数据不够灵活
  2. 还需要手动切换 url

目前最为适用的方式应该是 mock.js 了:

基础

1. 什么是 mock.js ?

mock.js 官网
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 等)。

参考

上一篇: 生成验证码

下一篇: 短信验证码