在响应中的每个获取请求之前附加自定义标头

Posted 2023-02-22

【中文标题】在响应中的每个获取请求之前附加自定义标头

【英文标题】：Attach custom headers before every fetch request in react

【发布时间】：2017-11-26 16:05:31

【问题描述】：

如何在 React 应用程序中为我的所有获取请求添加自定义全局标头。是否有任何功能可以为反应中的所有获取请求提供全局标头。

getFoo() 
        return fetch(apiUrl + "API/foo").then(
            function(response) 
                return response.json();
            );
    

想在 react 中为我的所有 fetch 请求添加全局监听，我被困在这里，请帮助我并提前致谢。

【参考方案1】：

在您的问题中，没有任何特定于 React 的内容，因为 fetch 不是 React 的一部分。

换句话说，您可以编写自己的函数，附加您喜欢的标题并使用它调用 fetch。如果您真的非常希望这样做，您可以将该功能设为全局。您甚至可以使用 fetch-intercept 之类的包进行猴子补丁获取，但没有多少情况可以证明这样做是合理的。