504 errors require computer restart

Checks

• I understand project setup issues should be asked on StackOverflow or in GitHub Discussions.
• I updated to latest http-proxy-middleware.

Describe the bug (be clear and concise)

Firstly, Thank You!

Frequently my team requires restarting our computer to solve all our requests resolving to a 504. We have been following this thread which seems to accurately describe and diagnose the problem. I have a very detailed post of our latest findings and figured belongs here.

https://github.com/netlify/create-react-app-lambda/issues/19

This could very well be a OS/System issue, but I want your eyes on it /// see if you’ve seen it.

Best, Richard Miles

Step-by-step reproduction instructions

https://github.com/netlify/create-react-app-lambda/issues/19

Expected behavior (be clear and concise)

Non 504 errors.

How is http-proxy-middleware used in your project?

All request proxy to apache Wordpress.

What http-proxy-middleware configuration are you using?

simple routing.

What OS/version and node/version are you seeing the problem?

Monterey 12.2.1

Additional context (optional)

No response

[RichardTMiles]

In react v18 the behavior has changed to allow DNS to resolve ipv4 or ipv6 in any order, ie use first provided by OS. With macOs 12.4 (21F79) I believe ipv6 is the default regardless of order provided in your hosts file. This may have more or less been random, chosen at restart, but the links provided go into this in more detail.

My apache configuration was not setup to receive traffic from ipv6. Adding the listener as follows and restarting apache fixed this issue without a restart.

httpd.conf

Listen 0.0.0.0:8080
Listen [::1]:8080

This solves // completes my research. Hopefully this info I’ve added here will help the next person. 😃

[chimurai]

Thanks for getting back and sharing your research and solution! 🚀