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

Encantado de ayudarte


Estoy disponible para trabajar en tu proyecto, modificar el programa del post o realizar tu tarea pendiente, no dudes en ponerte en contacto conmigo.

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/

Compartir
Publicado por
parzibyte

Entradas recientes

Solución: Unable to extract uploader id con youtube-dl

En mi blog te he enseñado a usar youtube-dl para descargar vídeos con permiso del…

3 días hace

Enviar foto a Telegram usando cURL y Bot

Siguiendo con los tutoriales que consumen la API de los Bots de Telegram con cURL…

3 días hace

cURL y Telegram: enviar mensaje a Bot

En un post previo te enseñé a enviar un mensaje en nombre de un Bot…

3 días hace

Impresora térmica con Telegram usando Bot

En este artículo te voy a mostrar una guía para imprimir en una impresora térmica…

4 días hace

Imprimir PDF con Bot de Telegram

La impresión de un PDF en cualquier impresora se puede automatizar con un bot de…

1 semana hace

Enviar mensaje con bot de Telegram usando JavaScript (lado del cliente)

Hoy te enseñaré cómo enviar un mensaje a un usuario desde un bot de Telegram…

1 semana hace

Esta web usa cookies.