404

Si vous voulez personaliser la page 404, vous pouvez créer un composant NotFound.razor dans le dossier Pages de votre projet Blazor.

@page "/Error/404"

<h3>Page non trouvée</h3>
<p>Désolé, la page que vous recherchez n'existe pas.</p>

Ensuite, dans le fichier Router.razor, vous pouvez rediriger vers cette page si aucune route n'est trouvée.

<Router>
    <Found>
        ...
    </Found>
    <NotFound>
        <LayoutView Layout="@typeof(Layout.MainLayout)">
            <NotFound/>
        </LayoutView>
    </NotFound>
</Router>

Il faut également préciser à notre application de rediriger vers cette page si aucune route n'est trouvée. Pour cela, il faut ajouter une ligne spéciale dans le fichier Program.cs de votre projet Blazor.

app.UseStatusCodePagesWithReExecute("/Error/{0}");

Cette ligne permet de rediriger vers la page d'erreur correspondante en fonction du code d'erreur. Le {0} correspond au code d'erreur. Ainsi, si une route n'est pas trouvée, l'utilisateur sera redirigé vers la page /Error/404 qui est celle que nous avons créee.