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>