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%
by v子队
我知道答案，我要回答
私活外包
最新提问
js如何将图片转换成拼豆图案风格？
ai能接管电脑手机写作剪辑视频自主运营自媒体账号为用户赚钱吗？
python+qwen的api如何实现类似skills的技能创建与自主调用？
python+openai兼容api如何实现自主调用浏览器搜索登录发布信息？
安卓手机投屏电视视频播放结束如何自动播放下一集？
PaddleOCR-VL-1.5与deepseek ocr2谁更好？
电商系统中优惠券规则引擎与组合优惠如何设计避免在代码中重复使用ifelse？
Grok Imagine Video这个ai能根据用户文本指令编辑视频吗？
Openai的Prism到底是啥？
AgenticVision与DeepSeek-OCR2架构的不同？
