VueJS

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.
parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

Entradas recientes

Resetear GOOJPRT PT-210 MTP-II (Impresora térmica)

El día de hoy vamos a ver cómo restablecer la impresora térmica GOOJPRT PT-210 a…

6 días hace

Proxy Android para impresora térmica ESC POS

Hoy voy a enseñarte cómo imprimir en una impresora térmica conectada por USB a una…

6 días hace

Android – Servidor web con servicio en segundo plano

En este post voy a enseñarte a programar un servidor web en Android asegurándonos de…

6 días hace

Cancelar trabajo de impresión con C++

En este post te quiero compartir un código de C++ para listar y cancelar trabajos…

1 mes hace

Copiar bytes de Golang a JavaScript con WebAssembly

Gracias a WebAssembly podemos ejecutar código de otros lenguajes de programación desde el navegador web…

2 meses hace

Imprimir PDF con Ghostscript en Windows de manera programada

Revisando y buscando maneras de imprimir un PDF desde la línea de comandos me encontré…

2 meses hace