Blazor项目中NavigationManager.NavigateTo()页面跳转异常求助

看起来你遇到了Blazor路由跳转的典型问题，我帮你分析下可能的原因和解决办法：

• 问题1：异步方法误用async void
  你的checkEmailUniqueness方法用了async void，在Blazor组件中，异步逻辑应该优先使用async Task。async void会导致Blazor无法正确追踪异步操作的完成状态，可能让后续的NavigateTo执行时机异常，甚至被中断。
  修改后的方法签名和逻辑：

  public async Task checkEmailUniqueness() // 将void改为Task
  {
      // HttpClient建议通过依赖注入获取，不要手动new
      orderManager = new OrderManager(HttpClient);
      bool result = await orderManager.CheckEmailUniqueness(mail);
  
      if (result)
      {
          // 编辑订单的逻辑
      }
      else
      {
          // 对邮箱特殊字符编码后再跳转
          NavigationManager.NavigateTo($"/CreateOrder/{Uri.EscapeDataString(mail)}");
      }
  }
  

  如果这个方法绑定在按钮点击上，直接写@onclick="checkEmailUniqueness"即可，Blazor会自动处理异步调用。

• 问题2：NavigationManager未正确依赖注入
  我注意到你的代码里没有显示注入NavigationManager的逻辑，如果是手动实例化的，肯定无法正常工作。Blazor中必须通过依赖注入获取实例：
  在Index组件的@code块中添加注入代码：

  [Inject]
  public NavigationManager NavigationManager { get; set; }
  
  [Inject]
  public HttpClient HttpClient { get; set; } // HttpClient也建议注入，不要自己new
  

• 问题3：特殊字符未编码导致路由解析失败
  邮箱里的@属于URL特殊字符，直接拼接进路由会导致解析错误，需要用Uri.EscapeDataString对邮箱进行编码，确保路由能被正确识别，这也是上面代码里修改的跳转逻辑。

• 问题4：表单默认提交行为干扰跳转
  如果你的checkEmailUniqueness绑定在表单内的按钮上，浏览器的默认表单提交行为可能会打断Blazor的导航，导致页面跳转到当前URL并带上查询参数（就是你看到的?email=1%401.nl）。这种情况需要阻止默认行为：
  把按钮的点击事件改成：

  <button @onclick="checkEmailUniqueness" @onclick:preventDefault>检查邮箱</button>
  

  或者直接使用Blazor的EditForm组件，它会自动处理默认提交行为。

另外你的CreateOrder页面路由@page "/CreateOrder/{Mail}"和参数定义[Parameter] public string Mail { get; set; }是正确的，保持参数名大小写一致即可（Blazor路由参数不区分大小写，但统一风格更清晰）。

按照上面的步骤修改后，应该就能正常跳转到你期望的http://localhost:5007/CreateOrder/1%401.nl了。

备注：内容来源于stack exchange，提问作者Casper Veneman