Vue 3 con router: rutas con hash

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.

Modo de historial con Vue Router

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

Estoy aquí para ayudarte 🤝💻


Estoy aquí para ayudarte en todo lo que necesites. Si requieres alguna modificación en lo presentado en este post, deseas asistencia con tu tarea, proyecto o precisas desarrollar un software a medida, no dudes en contactarme. Estoy comprometido a brindarte el apoyo necesario para que logres tus objetivos. Mi correo es parzibyte(arroba)gmail.com, estoy como@parzibyte en Telegram o en mi página de contacto

No te pierdas ninguno de mis posts 🚀🔔

Suscríbete a mi canal de Telegram para recibir una notificación cuando escriba un nuevo tutorial de programación.

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *