Tengo una aplicación existente en el formulario web ASP.NET alojado en IIS. Ahora he creado un nuevo directorio bajo la raíz llamada móvil. URL es como http://domainname/mobile.
La aplicación se escribe usando React, Redux y React Router. Ahora, para ejecutar la aplicación, he realizado los cambios en Routes.js de la siguiente manera:
<Router history={history}>
<Route path="/mobile" component={App}>
<Route path="/thankyou" component={ThankYou} />
</Route>
</Router>
La página principal se carga correctamente porque el componente raíz tiene una ruta de "/ mobile". Pero cuando intento acceder a Thankyou Component usando la etiqueta de enlace para señalar agradecer. No funcionó.
He intentado varios cambios, utilizando el nombre base o el historial o varias soluciones sugeridas que se ofrecen en github de enrutador de reacción, pero estas tampoco funcionan. La versión de mis bibliotecas en package.json
"react": "15.0.2",
"react-dom": "15.0.2",
"react-redux": "4.4.5",
"react-router": "2.4.0",
"react-router-redux": "4.0.4",
¿Alguien que pueda proporcionar una solución de trabajo con baseURL configurada como "/ mobile"?
Posible duplicado - Reaccionar enrutador
Respuestas
1 para la respuesta № 1Tu ruta raíz debe ser / si el servidor proporciona el / mobile url y no el front-end, como en:
<Route path="/" component={ App }>
<Route path="thankyou" component={ ThankYou } />
</Route>
Esto hace /mobile/#/thankyou accesible.