Revision history [back]

There could be several reasons why the React application fails to start from the URL location specified by the nginx reverse proxy but works when the port is explicitly set. Here are some possible reasons:

1. Misconfigured nginx configuration- The nginx configuration for the reverse proxy might be incorrectly configured, resulting in the React application not being able to start up correctly.

2. Firewall settings- The firewall settings could be blocking the traffic from the reverse proxy, which is preventing the React application from starting up correctly.

3. Hostname/DNS resolution issues- There might be issues with hostname/DNS resolution, which could be preventing the reverse proxy from reaching the React application.

4. Port conflicts- Other applications might be using the same port that the React application is trying to use, resulting in conflicts and preventing the React application from starting up.

5. CORS issues- Cross-Origin Resource Sharing (CORS) issues could be preventing the React application from accessing resources from the reverse proxy.

To troubleshoot the issue, you can start by checking the nginx configuration and make sure it is correctly configured. Check the firewall settings to ensure traffic is allowed from the reverse proxy. Ensure there are no port conflicts or hostname/DNS resolution issues. If CORS issues are suspected, try disabling CORS temporarily and see if it resolves the issue.