Como criar uma página 404 personalizada no Angular

Quando alguém está navegando pelo nosso sistema, é possível que seja feita uma requisição a uma rota que por algum motivo não esteja disponível, acarretando em um erro.

Erro ao acessar uma rota inexistente no Angular
Erro ao acessar uma rota inexistente no Angular

Para evitarmos esse erro, é comum criarmos páginas amigáveis de erro 404, informando ao usuário a indisponibilidade do recurso.

No Angular, podemos exibir a página de 404 através da rota curinga.

Rota curinga
Rota curinga {**}

É importante lembrar que a rota curinga deve ser a última rota adicionada, pois o roteador do Angular só selecionará esse recurso caso nenhuma das anteriores corresponda a URL solicitada pelo usuário.

A rota curinga deve ser a última rota a ser adicionada
A rota curinga deve ser a última rota a ser adicionada

Espero ter ajudado.

O link do projeto está no Github

2 comments

comments user
zoritoler imol

of course like your web-site but you have to check the spelling on several of your posts. Many of them are rife with spelling issues and I find it very bothersome to tell the truth nevertheless I will surely come back again.

    comments user
    Diego Nunes

    Thank you

Publicar comentário