是否可以在浏览器中拦截非 ajax 请求？

Question

是否可以使用 JavaScript 在浏览器中拦截不是通过 XMLHttpRequest 对象 (ajax) 完成的 HTTP 请求？

我正在使用 ember-cli-mirage 模拟一个 API 服务器，它正在使用 pretender。我需要将文件上传（图像）添加到应用程序。模拟上传没有问题，因为它是由 ajax 完成的。但是我无法拦截由图像标签（非ajax请求）引起的GET请求，因为伪装者只拦截通过XMLHttpRequest完成的请求，因此无法返回“上传”的数据。

我是否也可以拦截非 ajax 请求？

如果不是：那么应该将什么视为最佳做法？这是我目前所考虑的：

1. 通过 ajax 检索图像，以便我可以轻松拦截请求。例如。我可以将它们视为具有 base64 编码图像数据作为属性的 ember 数据模型。但我不确定权衡。恐怕这会导致性能问题以及可能导致图像大小 (> 1MB) 的内存泄漏。
2. 传递图像请求并在 ember-cli 附带的快速服务器中处理它们。但是只有当应用程序由 ember-cli 提供时，模拟文件上传才会起作用。并且无法部署开发版本将是一个很大的权衡。

Answer 1

我认为唯一的方法是使用service worker。

服务工作者fetch 事件可以拦截任何类型的请求。但是浏览器的支持还不是很好。