Blazor路由不支持正则表达式？迁移ASP.NET站点遇路由问题求解决方案

你操作没错，Blazor本身确实不支持内置的正则表达式路由约束，你写的@page "/product/{Id:regex(^a\-\d{1,2}$)}"这种写法不在Blazor路由系统的支持范围内，所以会失败。

下面给你几个可行的实现方案：

方案1：组件内参数校验（通用所有Blazor模式） #

先通过宽匹配路由接收请求，再在组件初始化阶段验证参数格式，不符合则跳转至错误页。

比如Product组件：

@page "/product/{Id}"
@inject NavigationManager NavigationManager

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

    protected override void OnInitialized()
    {
        // 验证Id是否符合a-xx格式（xx为1-2位数字）
        var idPattern = new System.Text.RegularExpressions.Regex(@"^a\-\d{1,2}$");
        if (!idPattern.IsMatch(Id))
        {
            // 格式不符，跳转到404页面
            NavigationManager.NavigateTo("/404", forceLoad: true);
        }
    }
}

针对多级路由/toto/tata/titi/b-9，同理定义组件：

@page "/toto/tata/titi/{Id}"
@inject NavigationManager NavigationManager

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

    protected override void OnInitialized()
    {
        var idPattern = new System.Text.RegularExpressions.Regex(@"^b\-\d{1}$");
        if (!idPattern.IsMatch(Id))
        {
            NavigationManager.NavigateTo("/404", forceLoad: true);
        }
    }
}

方案2：自定义路由约束（仅Blazor Server可用） #

如果你的项目是Blazor Server，可以借助ASP.NET Core的路由系统自定义约束，步骤如下：

1. 定义自定义约束类：

public class ProductIdConstraint : IRouteConstraint
{
    public bool Match(HttpContext httpContext, IRouter route, string routeKey, RouteValueDictionary values, RouteDirection routeDirection)
    {
        if (values.TryGetValue(routeKey, out var value) && value is string id)
        {
            return System.Text.RegularExpressions.Regex.IsMatch(id, @"^a\-\d{1,2}$");
        }
        return false;
    }
}

2. 在Program.cs中注册约束：

builder.Services.AddRouting(options =>
{
    // 注册名为productId的自定义约束
    options.ConstraintMap.Add("productId", typeof(ProductIdConstraint));
});

3. 在组件中使用自定义约束：

@page "/product/{Id:productId}"

这种方式会在路由匹配阶段直接拦截不符合格式的请求，无需进入组件再校验。注意：Blazor WebAssembly不支持此方案，因为它的路由是客户端独立实现的，不依赖ASP.NET Core路由系统。

补充说明 #

Blazor内置的路由约束仅支持基础类型，比如int、bool、guid、datetime等，确实没有正则约束的原生支持，所以你之前的尝试失败是正常的，不是操作失误。

内容的提问来源于stack exchange，提问作者Rémy