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

Question

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

我不仅要记录一些端点。相反，我想看到的一切，尽可能详细越好，这是怎么回事通过代理。

原因是我从AWS API Gateway服务器收到了403错误，但无法通过浏览器，curl等重现该问题。因此，我想了解通过网络传输的实际标头和内容，看看我的问题是否可能与代理相关。

Answer 1

您Create-react-app可以使用自定义代理，它是http-proxy-middleware.

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

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

因此您可以实现自己的LogProvider 和 Errors 事件