mockjs使用,生成随机数据和拦截请求

JavaScript06

mockjs使用,生成随机数据和拦截请求,第1张

mockjs可以生成数据,还可以拦截请求。

句子和段落的区别:一个是逗号,一个是句号。

返回1个url链接,可直接在浏览器打开

随机生成10-25份信息

页面发起请求测试看看能不能拦截。

安装axios

清除app.vue的所有内容,重新定义,发起请求。

发起post请求

传统方式:

页面发起请求

发起请求

本博客原始地址: http://www.jianshu.com/p/9b634f1c9615

Ajax-hook源码地址 : https://github.com/wendux/Ajax-hook 欢迎star

ok, 我们使用jQuery(v3.1) 的get方法来测一下:

结果 :

拦截成功了! 我们也可以看到jQuery3.1内部已经放弃onreadystatechange而改用onload了。

假设在webpack下,第一步, 安装ajax-hook npm插件

第二步,引入模块并调用api:

拦截所有ajax请求,检测请求method,如果是“GET”,则中断请求并给出提示

拦截所有ajax请求,请求统一添加时间戳

修改请求返回的数据“responseText”

结果:

有了这些示例,相信开篇提到的需求都很容易实现。最后测一下unHook

输出:

相关链接:

Ajax-hook原理解析: http://www.jianshu.com/p/7337ac624b8e

BY THE WAY : 欢迎关注、star我的另一个开源项目 Neat.js !