Al usar el Vue Router con Vue 3 podemos especificar el tipo de historial que las rutas siguen.
Por defecto, se usa el modo de historial de HTML 5 con createWebHistory
pero también se puede seguir usando el hash, hashtag, numeral, gato o como le llames para tener una SPA con Vue 3.
Como lo dije anteriormente, esto aplica con Vue 3 y el Vue router. Básicamente para hacer una SPA como lo hacíamos en Vue 2, podemos crear el historial pero invocando a createWebHashHistory
en lugar de createWebHistory
.
De este modo vas a poder tener rutas con el hash, teniendo una aplicación de una sola página o Single page application.
Recuerda que esto afectará al SEO, y si eso es importante para ti tal vez quieras usar el modo historial de HTML 5 creado con createWebHistory
solo que ahora tendrás que configurar más cosas en el servidor, dependiendo del servidor que uses, y al usar el modo hash no tienes que configurar nada adicional.
Yo prefiero el modo de historial con hash (hash history mode) porque todas mis apps de Vue 3 son SPA y me gusta desplegarlas en cualquier lugar sin servidor.
Más detalles en: https://router.vuejs.org/guide/essentials/history-mode
Hoy te voy a presentar un creador de credenciales que acabo de programar y que…
Ya te enseñé cómo convertir una aplicación web de Vue 3 en una PWA. Al…
En este artículo voy a documentar la arquitectura que yo utilizo al trabajar con WebAssembly…
En un artículo anterior te enseñé a crear un PWA. Al final, cualquier aplicación que…
Al usar Comlink para trabajar con los workers usando JavaScript me han aparecido algunos errores…
En este artículo te voy a enseñar cómo usar un "top level await" esperando a…
Esta web usa cookies.