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%
gpt-image2能直接将图片转成分层透明的psd设计文件?
claude code、codex、gemini cli如何切换国内大模型使用?
蒸馏最强ai大模型是中小ai模型低成本升级的最好通道?
arena.ai上为啥没有最新的claude4.7及gpt5.5呢?
ai大模型公司为啥开始大量招聘文科生了?
cloudflared如何在低版本centos6或7上安装?
bfwsoa框架如何开启异步缓存与异步任务模式?
selenium如何获取网页js加载渲染后的真实dom结构?
go编写的Eino与python编写的langchain如何选择?
LangChain如何编写多个agent协同工作的代码?


