如何添加唯一标头以响应应用程序？

Question

我有一个 React 应用程序，它托管在 S3 存储桶上，前面有 CloudFlare CDN。现在，作为部署管道的一部分，我们运行了一系列针对给定环境（比如www.mysite.com）运行的端到端测试。但是在 CloudFlare 上，我们设置了规则，因此如果 IP 尝试重复调用应用程序，那么我们会提供验证码以避免 DDOS 攻击。发生的情况是，当部署服务器运行 E2E 测试时，CloudFlare 开始阻止请求，然后测试开始失败。我询问了 DevOps 团队是否可以将构建服务器 IP 列入白名单，但他们说不能。相反，他们希望我添加一个他们可以在 CloudFlare 中签入然后排除的唯一标头。

所以我的问题是如何向我的 react 应用程序添加请求标头？我的意思是我知道如何添加应用程序发出的任何请求，但是当浏览器向我的应用程序发出请求时，我如何在其中添加唯一标头？

Answer 1

也许这会有所帮助

fetch('/example.json', {
    headers: new Headers({
        'Accept': 'text/plain',
        'X-Your-Custom-Header': 'example value'
    })
});