如何在React中为每个请求访问自定义HTTP标头

Question

我有一个自定义标头（由AWS Cloudfront设置），我希望在网站加载后可以访问该标头然后存储在本地存储中。这是一个多租户网站，其内容将根据自定义标头“ X-Ftc-Tenant-Name”而变化。

有什么办法可以做到这一点？

我想实现以下目标：

export default class Document extends React.Component<
  RouteComponentProps<RouteParams>
> {
  componentDidMount() {
    const tenantName = <Some Way of Accessing Inbound headers>
.GetHeader("X-Ftc-Tenant-Name")
  }