Blazor应用在Firefox中导航异常，原因何在？

外部链接跳转回退问题解决 #

修正链接标记或跳转方式 #

• 原生<a>标签的外部链接，添加target="_top"绕过Blazor客户端路由拦截：

  <a href="https://www.google.com" target="_top">跳转到外部网站</a>
  

• 通过代码跳转时，使用NavigationManager并指定forceLoad: true，强制浏览器全页加载外部链接：

  @inject NavigationManager NavManager
  
  <button @onclick="OpenExternalLink">打开外部链接</button>
  
  @code {
      private void OpenExternalLink()
      {
          NavManager.NavigateTo("https://www.google.com", forceLoad: true);
      }
  }
  

排查浏览器设置 #

• 关闭Firefox的增强型跟踪保护，部分场景下该功能会干扰跳转时序；
• 清除localhost相关的缓存和Cookie，Firefox对本地开发环境的缓存易引发路由异常。

页面加载后修改URL失效问题解决 #

不要直接操作window.location.href，改用NavigationManager的API：

• 修改内部路由：

  NavManager.NavigateTo("/your-new-route", replace: true);
  

• 修改外部URL：

  NavManager.NavigateTo("https://example.com/new-url", forceLoad: true);
  

replace: true会替换当前历史记录条目，避免新增历史记录；forceLoad: true确保Firefox正确处理跨域URL变更。

额外排查点 #

检查项目中是否有自定义的NavigationLock组件或全局路由拦截代码，确保外部链接不会被逻辑拦截或强制回退：

<NavigationLock OnBeforeInternalNavigation="HandleNavigation" />

@code {
    private Task HandleNavigation(NavigationContext context)
    {
        // 放行外部链接
        if (Uri.TryCreate(context.TargetUri, UriKind.Absolute, out var uri) && !uri.Host.Equals(NavManager.BaseUri.Host))
        {
            return Task.CompletedTask;
        }
        // 内部路由处理逻辑
        return Task.CompletedTask;
    }
}

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