如何启用和查看 create-react-app 代理日志？

Posted 2023-02-16

【中文标题】如何启用和查看 create-react-app 代理日志？

【英文标题】：How to enable and view create-react-app proxy logs?

【发布时间】：2019-01-25 15:33:08

【问题描述】：

如何查看由create-react-app 使用的代理处理的所有请求和响应的详细日志？

我不仅想记录一些端点。相反，我想查看一切，尽可能详细地了解正在通过代理的内容。

原因是我从 AWS API Gateway 服务器收到 403 错误，但我无法通过浏览器、curl 等重现问题。所以我想了解实际的标头和内容电线，看看我的问题是否与代理有关。

【参考方案1】：

在Create-react-app 中，您可以使用custom 代理，它是http-proxy-middleware 的一个实例。

const  createProxyMiddleware  = require('http-proxy-middleware');

module.exports = function(app) 
  app.use(
    '/api',
    createProxyMiddleware(
      target: 'http://localhost:5000',
      changeOrigin: true,
    )
  );
;

所以你可以实现自己的LogProvider and Errors events