Saltar al contenido

Angular 404 redirección router y pagesJul, 9thIn esta guía, vamos a aprender acerca de cómo redirigir a un usuario …

marzo 13, 2020

 

En este tutorial, vamos a aprender acerca de cómo redirigir a un usuario de una página a otra página andhow manejar páginas no encontradas.

redirección

redirección es una técnica para mover un usuario a una página diferente, en lugar de la página solicitaron porque la página que están pidiendo actualmente no está disponible en el sitio.

Ejemplo:

abierto sus appRoutes matriz.

const appRoutes: Routes = [
{ path: '', component: HomeComponent },
{ path: 'contact', component: ContactComponent },
{path: 'contact-us', redirectTo: 'contact'}];

En el código anterior, hemos añadido la propiedad RedirectTo con la ruta de contactos de valor al contacto-nosotros.

Esto significa que si algún usuario intenta a nosotros contacto ruta navegar que han sido redirigidos a thecontact ruta.

Si intenta redirigir al usuario cuando éste hace clic en un botón de inicio de sesión o el envío de un formulario para que usted puede comprobar fuera de navegar Método ejemplar páginas

NOTFOUND páginas

NOTFOUND nos ayude para que coincida con los caminos válidos que no están presentes en nuestra sitio web. si intenta navegar a nadie a ese camino no válida estamos demostrando que una página no encontrada en vez de una página en blanco para que puedan entender que no están en el camino correcto.

Abrir el siguiente comando en el terminal y correr.

ng g c notfound

Este comando anterior generará un componente notfound.

Ahora tenemos que actualizar nuestro arsenal appRoutes.

const appRoutes: Routes = [
{ path: '', component: HomeComponent },
{ path: 'contact', component: ContactComponent },
{ path: 'contact-us', redirectTo: 'contact' },
{ path: '**', component: NotfoundComponent }];

Aquí hemos añadido un camino ** significa que coincida con todas las trayectorias válidas en nuestra aplicación y mostrarles aNotfoundComponent nos acabamos de crear.