mockjs如何在js原生fetch调用的时候不起作用?
有什么办法可弥补?
网友回复
在使用 Mock.js 时,你可能会发现它在原生的 fetch 请求中不起作用 。这是因为 Mock.js 的原理是通过拦截浏览器内置的 XMLHttpRequest(XHR)对象 来模拟请求和响应数据,而原生的 fetch 并不是基于 XHR 实现的,它是基于 Service Workers 或 Promise 的新 API ,因此 Mock.js 默认无法拦截 fetch 请求。
有三种方式解决问题:
1、改用 fetch-mock 替代 Mock.js(推荐)
如果你项目中主要使用的是 fetch,建议使用专门为 fetch 设计的 mock 工具 —— fetch-mock 。
npm install fetch-mock --save-dev
使用示例:
import fetchMock from 'fetch-mock';fetchMock.get('/api/data', { data: 'mocked response' });fetch('/api/data') .then(res => res.json()) .then(data => console.log(data)); // 输出: { data: 'mocked response' }
2、使用axios替代fetch,能被 Mock.js 拦截
3、给mock写个补丁
<!-- 引入 Mock.js --> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/mock.min.js"></script> <script> // ===== 存储 mock 规则 ...
点击查看剩余70%
如何实现类似google的图片隐形水印添加和识别技术?
linux上如何运行任意windows程序?
ai能写出比黑客还厉害的零日漏洞等攻击工具攻击任意软件系统工程?
js如何获取浏览器的音频上下文指纹、Canvas指纹、WebGL渲染特征?
为啥ai开始抛弃markdown文本,重新偏好html文本了?
网站有没有办法鉴别访问请求是由ai操控chrome-devtools-mcp发出的?
有没有python自动操作浏览器让网站无法鉴别是机器行为?
为啥最新由Meta / 斯坦福 / 哈佛出的ProgramBench基准GPT-5.4、Claude Opus 4.7、Gemini 3.1 Pro 等全部 0% 通过率?
有没有免费的api查询域名是否完成icp工信部备案?
codex用HyperFrames与 Remotion自动做视频那个更好?


