B
blankito1998
Beta
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Entonces que código debería de usar para solucionarlo?Lo que estás experimentando es una característica común de las aplicaciones web de una sola página (SPA). Cuando usas el métodohistory.pushState()
para cambiar la URL, estás cambiando la URL sin que se realice ninguna nueva solicitud al servidor. Es por eso que cuando recargas la página con la URL nueva, puedes ver el contenido asociado con esa URL: al recargar la página, estás haciendo una nueva solicitud al servidor con esa URL.
Para mostrar contenido diferente al cambiar la URL usandohistory.pushState(),
tendrás que añadir alguna lógica adicional en tu código JavaScript. Típicamente, escucharías el eventopopstate
en el objeto de la ventana, que se dispara cuando cambia el estado del historial. Dentro del manejador para este evento, podrías decidir qué hacer en función del estado actual del historial (que ha cambiado debido a la operaciónhistory.pushState()
).
Sin embargo, esto puede ser un conjunto de operaciones bastante complejo de realizar si estás construyendo todo desde cero, y es por eso que muchas personas optan por usar marcos de trabajo como React o Angular que tienen soporte incorporado para este tipo de navegación.
Espero que esto ayude a aclarar un poco el concepto! La manipulación del historial y la navegación por aplicaciones de una sola página puede ser un tema complicado, pero es algo muy común en el desarrollo web moderno.