如何配置Blazor不干预页面<a>标签，保持正常浏览器导航？

要让Blazor全局不干预页面中的<a>元素，直接让浏览器原生处理链接跳转，可以通过以下两种方式实现：

1. 全局禁用Blazor的导航拦截（推荐） #

在Blazor的启动配置中设置SuppressNavigationInterception为true，这会让Blazor完全停止拦截所有<a>标签的点击行为，所有链接都将由浏览器直接处理，等同于给所有导航默认启用了ForceLoad效果。

配置代码（.NET 7+） #

如果是Blazor Server项目，在Program.cs中修改服务注册：

builder.Services.AddRazorComponents()
    .AddInteractiveServerComponents(options =>
    {
        // 全局禁止Blazor拦截<a>标签的点击
        options.SuppressNavigationInterception = true;
    });

如果是Blazor WebAssembly项目，配置方式类似：

builder.Services.AddRazorComponents()
    .AddInteractiveWebAssemblyComponents(options =>
    {
        options.SuppressNavigationInterception = true;
    });

说明

• 启用该配置后，普通HTML <a>标签的跳转完全由浏览器处理，不会被Blazor客户端路由干扰。
• Blazor内部的导航依然可以通过NavigationManager.NavigateTo()方法或<NavLink>组件正常使用，因为这些是主动触发的客户端导航，不受拦截禁用的影响。

2. 针对单个链接的临时处理（可选） #

如果不需要全局禁用，仅需让特定链接绕过Blazor拦截，可以给<a>标签添加target="_top"属性：

<a href="/普通页面路径" target="_top">跳转到普通页面</a>

这个属性会强制浏览器在顶级窗口加载页面，绕过Blazor的客户端路由拦截。

补充：ForceLoad是针对单次NavigateTo调用的选项，而SuppressNavigationInterception是全局生效的配置，正好满足你需要的全局禁用拦截的需求。

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