‫طراحی صفحات 404 سفارشی در برنامه‌های وب Blazor نسخه .NET 8 و جدیدتر

<Router AppAssembly="@typeof(Program).Assembly">
    <Found Context="routeData">
        <AuthorizeRouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)"/>
    </Found>
    <NotFound>
        <LayoutView Layout="@typeof(MainLayout)">
            <p>این صفحه یافت نشد. لطفاً آدرس را بررسی کنید.</p>
        </LayoutView>
    </NotFound>
</Router>

@page "/{*route:nonfile}"

<h1>صفحه یافت نشد</h1>
<p>متأسفانه صفحه‌ای که به دنبال آن هستید وجود ندارد. لطفاً آدرس را بررسی کنید یا به <a href="/">صفحه اصلی</a> بازگردید.</p>

@code {
    [Parameter]
    public string? Route { get; set; }
}

• الگوی مسیر/ {*route:nonfile}: این الگو به Blazor می‌گوید که هر مسیر غیرمعتبر (که به یک فایل فیزیکی اشاره ندارد) را به این صفحه هدایت کند. مشخصه nonfile تضمین می‌کند که درخواست‌های مربوط به فایل‌های استاتیک (مانند تصاویر یا CSS) به این صفحه هدایت نشوند.
• پارامتر Route: این پارامتر مسیر درخواست‌شده را دریافت می‌کند، اما در این مثال استفاده نمی‌شود. وجود آن برای جلوگیری از خطای Blazor در مورد عدم تطابق پارامترها ضروری است.
• محتوای صفحه: می‌توانید محتوای دلخواه، مانند پیام خطا، لینک بازگشت به صفحه اصلی یا حتی یک فرم جستجو، را در این بخش قرار دهید.

app.UseStatusCodePagesWithReExecute("/not-found");

@page "/{*route:nonfile}"
@layout MainLayout
@inject ILogger<NotFoundPage> Logger

<h1>صفحه یافت نشد</h1>
<p>متأسفانه صفحه‌ای که به دنبال آن هستید وجود ندارد.</p>

@code {
    [Parameter]
    public string? Route { get; set; }

    protected override void OnInitialized()
    {
        Logger.LogWarning($"Requested invalid route: {Route}");
    }
}