Blazor - 多参数路由带逗号导致异常

问题描述

将 ASP.NET Core MVC Web 应用程序迁移到 Blazor，我遇到了路由问题。我当前的 ASP.NET MVC 路由似乎无法在 @page 指令中复制。

示例网址：https://wows-karma.com/player/503379282,Akurai_Isayeki/

ASP.NET Core MVC 中的路由直到现在都是在控制器内以这种方式执行的：

[Route("/{controller}/{id},{name}")]
public async Task<IActionResult> Profile(uint id) 
{
    // Controller Code
}

这里，只使用了帐户 ID，我们忽略了以下用户名（您甚至可以完全删除它，只要您留下逗号，它应该仍然有效）。

现在将其移植到 Blazor，我希望有一个简单的解决方案，如下所示：

@page "/player/{id},{name?}/"

// Page HTML

@code {
    [Parameter]
    public uint Id { get; set; }

    [Parameter]
    public string Name { get; set; } // We don't need it,and we'll ignore it.

    // Page Code
}

一切看起来都很好。但是到了运行时，Index 会抛出这个异常：

（请注意，我尝试了其他变体，例如带或不带斜线、name 上的问号，出于绝望，将,替换为 - 作为分隔符。运气不好要么）

我现在的观点是，Blazor 路由是否支持这种边缘情况？我问这个，因为我必须严格遵循这个精确的路由，以保持 URL 与使用相同方案的另一个网站的兼容性。

现在，我可以使用一些 Regex 魔法作为解决方法，在一定程度上缓解这个问题，但这很可能会导致更多的问题，而实际上并没有直接解决问题。所以我只会在没有其他选择的情况下使用它。让我们只希望它不会变成那样......

解决方法

我认为您不能使用逗号分隔 Blazor 路由中的参数。

理想情况下，您的路线应该是这样的：

@page "/player/{id}/{name}"

如果你必须保持合规性，我会选择

@page "/player/{idAndName}"

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

   protected override void OnParametersSet()
   {
        // Split the string property idAndName into the separate values you need.
   }
}

如果你想使用非字符串路由参数，你需要使用Route Constraints。但是，在您的情况下，uint 不受支持。

.razor 方式有两行：

@page "/player/{id:int}"
@page "/player/{id:int}/{name}/"

asp.net-core blazor c#c#url-routing