asp-route及Url.RouteUrl生成URL不符合预期问题求助

我来帮你搞定这个路由生成的问题！你遇到的情况是因为路由配置和使用方式的几个细节没处理到位，导致路由系统没匹配到你定义的Voucher_getPrice路由，反而 fallback到了默认的首页路由。咱们一步步来解决：

核心问题分析 #

你的自定义路由模板{controller}/{action}/{productId:required}是一个通用模板，加上可能的路由注册顺序、参数匹配问题，让路由系统无法正确识别你要调用的目标路由，最终生成了首页的URL。

具体解决方案 #

1. 修改路由模板为特定路径（最推荐） #

把通用的路由模板改成固定对应Voucher控制器和getPrice动作的路径，这样路由系统能精准匹配，不会和其他路由冲突。修改Startup.cs中的路由配置：

app.UseMvc(routes => 
{
    // 先注册自定义的特定路由
    routes.MapRoute(
        name: "Voucher_getPrice",
        template: "Voucher/getPrice/{productId:required}", // 固定路径，避免通用匹配
        defaults: new { controller = "Voucher", action = "getPrice" }
    );

    // 再注册默认路由，确保通用路由在特定路由之后
    routes.MapRoute(
        name: "Default",
        template: "{controller=Home}/{action=Index}/{id?}"
    );
});

2. 确保路由注册顺序正确 #

路由系统是按照注册顺序匹配的，特定路由要放在默认路由之前，这样生成URL时会优先匹配更具体的自定义路由，而不是通用的默认路由。

3. 验证动作方法的参数名称 #

检查Voucher控制器的getPrice方法，确保参数名称和路由中的productId完全一致，否则路由系统无法正确绑定参数：

public IActionResult getPrice(int productId) // 参数名必须是productId，和路由定义一致
{
    // 你的业务逻辑
    return View();
}

4. 修正前端代码的冲突 #

你的前端代码同时混用了asp-route、data-ng-href和asp-route-productId，这可能导致Angular的指令覆盖ASP.NET Core Tag Helper生成的URL。建议二选一：

• 仅使用ASP.NET Core Tag Helper：

<a asp-route="Voucher_getPrice" asp-route-productId="5"></a>

• 仅使用Angular的data-ng-href：

<a data-ng-href="@Url.RouteUrl("Voucher_getPrice", new { productId = 5})"></a>

测试验证 #

修改完成后，重新运行项目，生成的URL应该会变成预期的/Voucher/getPrice/5，而不是首页的/Home/Index/5。

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