Redirections - Tylung/vue-apuntes GitHub Wiki
Las redirecciones nos sirven para enviar al usuario a una diferente a la que quiere ir, por ejemplo si se dirije a la raiz del proyecto /, lo redirija al /home automaticamente
Archivo: src/modules/pokemon/pages/PokemonPage.vue
async getPokemon() {
try {
const pokemon = await fetch(`https://pokeapi.co/api/v2/pokemon/${ this.id }`).then( r => r.json() )
console.log(pokemon)
this.pokemon = pokemon
} catch(error) {
this.$router.push('/')
console.log('No hay nada que hacer aquí')
}
}
En este código tratará de hacer la petición http pero si algo sale mal, el router con el metodo push enviará al usuario a la raiz del proyecto
Tambien en el router se pueden hacer redirecciones
{
path: '/',
redirect: '/home'
},
En los parametros redirect
o to
no solo se puede poner la url en duro, sino que se puede llamar por el nombre
Archivo: src/modules/shared/components/NavBar.vue
<router-link :to="{ name: '/home' }">PokemonList</router-link>