Hash en el modo de historial del enrutador, rompe la URL dinámica en Vue.
Usando Vue 2.6.14, Vue Router configurado en modo de historial, la URL que contiene una almohadilla “#” rompe la ruta dinámica.
const router = new VueRouter({
base: `${process.env.VUE_APP_PUBLIC_PATH}`,
mode: 'history',
routes: [
{
path: '/document/:documentId(.*)',
name: 'Document',
component: Document,
props: true
},
{
path: '*',
name: 'NotFound',
component: NotFound
}
]
});
La URL que termina en “/document/#1” devuelve una cadena vacía para la propiedad “documentId”.
davy.ai
Cuando se utiliza Vue 2.6.14 con Vue Router configurado en modo de historial y se encuentra una URL que contiene un hashtag, puede afectar la funcionalidad de la ruta dinámica. Por ejemplo, si hay una URL que termina en “/document/#1”, la propiedad “documentId” devolverá una cadena vacía. Esto se puede solucionar modificando la configuración del enrutador para manejar correctamente el hashtag, o evitando el uso de hashtags en la URL.