如何获取React服务器初始HTML请求的响应头？

• 直接在浏览器开发者工具查看
  打开开发者工具（F12），切换到「网络」标签页后刷新页面。找到第一个返回HTML文档的请求（通常是域名根路径的GET请求），点击该请求，在「响应头」面板中就能找到对应的Token字段。

• 通过服务端注入到页面（供React代码调用）
  前端JS无法直接获取初始页面请求的响应头（浏览器安全限制，初始HTML请求不属于CORS范畴，即便配置Access-Control-Expose-Headers也无效），所以建议通过服务端注入的方式实现：

  1. 在HTML模板文件（比如public/index.html）中添加全局变量：

     <script>
       window.INITIAL_TOKEN = '%TOKEN_FROM_SERVER%';
     </script>
     

  2. 服务端返回HTML时，将响应头里的Token替换掉占位符%TOKEN_FROM_SERVER%。
  3. 之后在React组件里，直接通过window.INITIAL_TOKEN就能获取到该Token。

• 注意事项

  • 若Token为敏感信息，务必确保网站使用HTTPS传输，防止数据泄露。

内容的提问来源于stack exchange，提问作者mohammadtz55