将自定义 header 添加到 React 应用程序的当前页面，以便 NgInx 可以在代理传递期间包含 header

Question

React App 将在 Nginx 服务器上运行。 The Requirement is for every request, the React App should go and fetch an access token and it should forward this token in a custom header and Nginx should redirect it to a different URL.

我想到了多种方法，但我只能想到一种可行的方法。 请让我知道是否有其他方法。

1. React 可以将其重定向到不同的 URL，但我知道它不能。

2. 另一个解决方案是如果 Nginx 可以读取一些自定义变量，那么我们可以将其包含在 proxy_add_header 中。 但即使这样也不起作用，因为 Nginx 无法读取 React App 中设置的自定义/环境变量。

3. 另一种解决方案是 React 在初始/当前页面请求中添加自定义令牌（就像在 Spring 中使用 HttpServletRequest.setAttribute 一样）并使用 React Router 将其重定向到不同的页面，该页面将由 Nginx 重定向配置拾取并执行代理经过。 但我无法弄清楚我们如何在 React App 中添加一个可以代理转发的 header。

proxy_pass_request_headers on
proxy_pass http://abc.bbc.com