Blazor Server端如何配置动态路由避免路由冲突？

方案1：调整路由匹配优先级 #

Blazor的路由匹配遵循注册顺序优先原则，静态路由（如/content-route）天然比带参数的动态路由优先级高，但如果动态路由先被注册，就会优先捕获所有单段路径。

要让静态路由先匹配，只需：

• 将静态路由对应的页面文件，放在动态路由页面的前面（Blazor会按文件发现顺序生成路由表）
• 无需额外代码修改，调整文件顺序即可解决冲突。

方案2：给动态路由添加参数约束 #

通过路由约束，限定{city}只能匹配指定的合法城市，不符合的路径会自动跳过该路由，继续匹配其他路由。

静态约束（固定城市列表） #

直接在路由指令中添加正则约束：

@page "/{city:regex(chicago|newyork|losangeles)}"

将chicago|newyork|losangeles替换为你的合法城市列表，用|分隔即可。

动态约束（从服务/数据库获取城市列表） #

如果城市列表是动态的，在页面初始化时校验参数：

@inject NavigationManager NavManager
@code {
    [Parameter]
    public string? City { get; set; }

    protected override async Task OnInitializedAsync()
    {
        // 从服务获取合法城市列表
        var validCities = await CityService.GetValidCities();
        
        if (string.IsNullOrEmpty(City) || !validCities.Contains(City))
        {
            // 跳转到404页面
            NavManager.NavigateTo("/not-found", forceLoad: true);
        }
    }
}

同时在App.razor中配置404页面：

<NotFound>
    <LayoutView Layout="@typeof(MainLayout)">
        <div class="text-center mt-5">
            <h3>页面不存在</h3>
            <p>您访问的路径无效，请检查后重试</p>
        </div>
    </LayoutView>
</NotFound>

方案3：调整路由结构（彻底避免冲突） #

给动态路由添加固定前缀，比如/cities/{city}，修改路由指令：

@page "/cities/{city}"

访问路径变为mysite.com/cities/chicago，既避免了和静态路由的冲突，也让路由语义更清晰。

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