Estoy alojando mi proyecto React en Apache y tuve que redirigir las solicitudes usando el archivo .htaccess. Está en React, pero también usa javascript vainilla y sitios HTML.

En producción (npm start), así es como funcionó:

Si el sitio obtuvo ciertos tokens de Firebase, la página se redirigiría al sitio de esta manera:

 {HaveToken ? ( <BrowserRouter> <Route exact path="/" render={() => {window.location.href="tv/indextv.html?m="+auth.currentUser.email+"&p="+othermail+"&t="+othertoken}} /> </BrowserRouter> ):null}

Si no fuera así, la declaración de retorno de la función simplemente continuaría, representando otras cosas. En el sitio html/javascript, con solo hacer clic en un botón, sería redirigido a este mismo proyecto App.js, con esta línea:

 window.location.href = 'http://localhost/messages';

Simplemente ejecutaría App.js, y funcionó perfectamente, no se redirigiría nuevamente porque ya no es solo "/".

Ahora que lo construí y lo agregué a un servidor Apache, funciona de manera diferente. Para /messages, recibo un error 404, por... bueno, razones obvias.

Mi pregunta es, ¿cómo puedo solucionar este problema? Traté de hacerlo agregando algo como localhost?m=m para que la ubicación fuera la misma, pero la URL es ligeramente diferente. Lamentablemente, Route sigue pensando que es el mismo camino. ¿Hay alguna forma en que pueda hacer que Route solo represente el otro sitio si no llegaron aquí haciendo clic en un botón en el otro sitio? ¿O puedo pasar algo del otro sitio que podría hacer que Route ignore que es el mismo camino?