Blazor Server(.NET8)：如何在布局层阻止页面渲染并规避空引用？

方案一：通过Razor基组件控制子页面渲染 #

将原有的C#基类改为Razor基组件，在基组件中统一处理文件夹存在性判断，仅当文件夹存在时才渲染子页面内容：

1. 创建MyBasePage.razor基组件：

@inject SomeService someService

@if (_isFolderFound)
{
    @ChildContent
}
else
{
    <div>Folder not found</div>
}

@code {
    [Parameter] public string Folder { get; set; }
    [Parameter] public RenderFragment ChildContent { get; set; }
    
    protected FolderModel FolderModel { get; private set; }
    private bool _isFolderFound;

    protected override async Task OnInitializedAsync()
    {
        await base.OnInitializedAsync();
        FolderModel = await someService.GetFolderData(Folder);
        _isFolderFound = FolderModel != null;
    }
}

2. 子页面（如PageA）修改为嵌套使用基组件：

@page "{folder}/files"
@layout MainLayout

<MyBasePage Folder="@folder">
    <div>@FolderModel.Files</div>
</MyBasePage>

所有子页面无需额外判断，基组件会自动拦截不存在的文件夹，直接显示错误内容，子内容不会被渲染，彻底避免空引用。

方案二：利用ErrorBoundary捕获基页异常 #

在基类中当文件夹不存在时抛出异常，通过布局中的ErrorBoundary组件统一处理错误展示：

1. 修改基类逻辑：

public class MyBasePage : ComponentBase
{
    [Inject] protected SomeService someService { get; set; }
    [Parameter] public string folder { get; set; }
    protected FolderModel folderModel { get; private set; }

    protected override async Task OnInitializedAsync()
    {
        await base.OnInitializedAsync();
        folderModel = await someService.GetFolderData(folder);
        if (folderModel == null)
        {
            throw new InvalidOperationException("文件夹不存在");
        }
    }
}

2. 在布局组件中添加ErrorBoundary：

<ErrorBoundary>
    <ChildContent>
        @Body
    </ChildContent>
    <ErrorContent>
        <div>Folder not found</div>
    </ErrorContent>
</ErrorBoundary>

当基页抛出异常时，ErrorBoundary会拦截并显示错误内容，子页面的渲染会被终止，无需在子页面中添加空值判断。

方案三：导航拦截提前验证文件夹存在性 #

通过NavigationManager的导航事件，在页面初始化前就验证文件夹是否存在，不存在则直接跳转到错误页面：

在Program.cs中注册导航拦截逻辑：

builder.Services.AddScoped(sp =>
{
    var navManager = sp.GetRequiredService<NavigationManager>();
    var someService = sp.GetRequiredService<SomeService>();

    navManager.NavigationStarting += async (sender, args) =>
    {
        // 解析目标URL中的folder参数
        var routeData = navManager.GetRouteData(args.TargetLocation);
        if (routeData?.Values.TryGetValue("folder", out var folderObj) == true && folderObj is string folder)
        {
            var folderModel = await someService.GetFolderData(folder);
            if (folderModel == null)
            {
                args.Cancel = true;
                navManager.NavigateTo("/folder-not-found");
            }
        }
    };

    return navManager;
});

同时创建FolderNotFound.razor页面展示错误内容：

@page "/folder-not-found"

<div>Folder not found</div>

这种方式在导航阶段就拦截无效的folder参数，避免错误页面初始化，从根源上解决空引用问题。

内容的提问来源于stack exchange，提问作者andy250