Navegación HTML5 (createWebHistory) trabaja desde el backend
Navegación con Hash trabaja desde el frontend, este tipo de navegación no beneficia al SEO.
Introducción
Introducción a Vue Router
Setup inicial
Definición de rutas
Definición de rutas
Parámetros
Rutas anidadas
API de navegación
Navegación programática
Rutas con nombre
Redirección y alias
Componentes y props
Modos de historia
Navegación avanzada
Guardas de navegación
Rutas con metadatos
Obtención de datos
Composition API
Coincidencia de rutas
Rutas dinámicas
Despedida
Despedida del curso
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Modos de historia
10/17Recursos
Aportes 4
Preguntas 1
Ordenar por:
Si usan este método de navegación con hash y un server nativo de node.js o librerÃa, tener cuidado si tienen en su template variables relacionadas a las rutas tipo:
<h1>params: {{ this.$route }}</h1>
<h1>query: {{ this.$router }}</h1>
.
Ya que vite no trsnspilara bien y podrÃa no cargarse algunos componentes enroutados.
.
Referencia: Different History modes
Por si alguien tiene un error al ejecutar node server.js asi es como deberia ir actualmente:*import* express *from* 'express';
const app = express();
app.use(express.static('dist'))
app.listen(8080, () => {Â console.log('localhost:8080')})
```js
import express from 'express';
const app = express();
app.use(express.static('dist'))
app.listen(8080, () => {
console.log('localhost:8080')
})
```Tambien pueden añadirlo a los scripts de package.json para usarlo por medio de npm run \<nombre>```js
"scripts": {
"dev": "vite",
"build": "vite build",
"preview": "vite preview",
"start": "node server.js"
},
```"scripts": {  "dev": "vite",  "build": "vite build",  "preview": "vite preview",  "start": "node server.js" },
EN la documentaci ón oficial del router hay una solución muy buena para ese problema del historyMode y la recarga, varÃa según el servicio de hosting que se utilice, pero en resumen es que cada petición al dominio la redirija al index.html y asà pueda encontrar la ruta.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?