Vue 是否有办法为所有请求添加一个全局 header？

[LeeReamond]

如题，想要实现的效果是由本应用内发出的所有请求，比如<style="background-image: url('/img/1/jpg')">这种请求图片请求，以及 html 请求、json 请求，都自动添加一个自定义请求头，比如X-header='hello'这种。

我知道 Pixiv 的防外链策略中的基础就是校验 Referer，以判断是否来源本站。我觉得如果能给自己的项目添加一个全局请求头，有很多好处，比如可以更好地防外链，比如可以校验请求是否来源于爬虫等等。

如果是针对所有 axios 请求进行封装的话应该是很简单的一件事，但是这样的话局限在接口中，有办法让所有请求都带头吗？

[Licsber]

资源文件加自定义 GET 参数吧
浏览器行为用代码没法改变呢

[wish8023]

浏览器图片请求添加 header
https://www.dogedoge.com/results?q=%E6%B5%8F%E8%A7%88%E5%99%A8%E5%9B%BE%E7%89%87%E8%AF%B7%E6%B1%82%E6%B7%BB%E5%8A%A0header

[wish8023]

react 通过 fetch 下载二进制图片并使用 blob 展示
https://blog.csdn.net/w57685321/article/details/109010380

[ysc3839]

Service Worker?