Questão FC546382
Em uma aplicação Angular atual, executando em condições ideais e com todas as dependências corretamente configuradas, deseja-se capturar qualquer rota não reconhecida (rotas coring
Desenvolvimento Web
FCC · 2025
Em uma aplicação Angular atual, executando em condições ideais e com todas as dependências corretamente configuradas, deseja-se capturar qualquer rota não reconhecida (rotas coringa ou "wildcard") no array export const routes: Routes = [], redirecionando o usuário para a rota /listar. Isso evita a exibição visual de erros 404. A instrução que realiza corretamente esse redirecionamento é a
- { path: 'consultar', component: ErrorComponent }
- { path: '', redirectTo: 'listar', pathMatch: 'full' }
- { path: '', redirectTo: 'listar', pathMatch: 'Error 404' }
- { path: '', redirectTo: 'listar', pathError: '4004' }
- { path: '**', redirectTo: 'listar' }
Mostrar resposta e comentário
Gabarito
Errado
Comentário do professor
{ path: '**', redirectTo: 'listar' }
Aqui o token '**' atua como wildcard, ou seja, casa com qualquer rota que não tenha sido correspondida pelas rotas declaradas anteriormente.
Ao ocorrer uma rota não reconhecida, o Angular executa o redirectTo e envia o usuário para a rota /listar, evitando que a aplicação mostre um erro 404 visível.
É importante declarar essa entrada por último no array de rotas, pois a ordem é avaliada sequencialmente e o wildcard, se colocado antes, impediria o acesso às rotas seguintes.
Não é necessário definir pathMatch para o wildcard; a configuração acima já realiza o redirecionamento desejado.
Conteúdo do catálogo FC Concursos · Atualizado em