如何在JavaScript中导航到ASP.NET Core控制器Action？路由问题排查

第一个问题：URL生成不符合预期 #

@Url.Action("Index", "UsersManage")是基于默认路由规则生成路径的，它只会识别控制器名称（去掉Controller后缀的UsersManage），不会读取你在控制器上自定义的[Route("Users/Manage")]特性，所以才会生成/Admin/UsersManage这种不符合预期的路径。

要生成符合自定义路由的URL，推荐给路由命名后用@Url.RouteUrl来生成：

1. 给控制器和Action的路由特性添加名称：

[Area("Admin")]
[Route("Users/Manage", Name = "UsersManage_Base")]
public class UsersManageController : Controller
{
    [HttpGet("{key}", Name = "UsersManage_Index")]
    public async Task<IActionResult> Index(string key)
    {
        return View();
    }
}

2. 在JavaScript中用路由名称生成正确路径：

var viewUser = function (e) {
    // 先用占位符生成路由模板，再替换成实际ID
    var urlTemplate = '@Url.RouteUrl("UsersManage_Index", new { key = "__ID__" })';
    window.location = urlTemplate.replace("__ID__", e.row.data.Id);
}

这样就能精准生成你需要的/Admin/Users/Manage/useridhere路径。

第二个问题：修改后仍无法访问+命名规范 #

无法访问的排查点

• 参数类型匹配：如果你的用户ID是数字类型，要把Action的参数改成int key，否则字符串类型接收数字虽然不会报错，但如果路由约束了类型（比如你加了[HttpGet("{key:int}")]）就会返回400。
• 视图路径正确性：默认情况下，Area内的Action对应的视图必须放在/Areas/Admin/Views/UsersManage/Index.cshtml，路径不对会导致视图未找到（通常返回404或500）。
• 路由优先级：如果项目里有其他路由规则和你的自定义路由冲突，可能导致请求无法匹配到对应的Action，可以检查Startup/Program.cs里的路由配置。

控制器、Action及视图的命名规范

• 控制器：
  • 名称必须以Controller结尾，你的UsersManageController符合规范；
  • 区域控制器必须放在Areas/[区域名]/Controllers目录下，比如你的控制器要放在Areas/Admin/Controllers/UsersManageController.cs。
• Action：
  • 遵循C#帕斯卡命名法（首字母大写，比如Index、EditUser）；
  • 路由特性的参数要和Action的参数名称一致，比如[HttpGet("{key}")]对应Index(string key)，参数名必须都是key才能正确绑定。
• 视图：
  • 视图文件路径为/Areas/[区域名]/Views/[控制器名（去掉Controller后缀）]/[Action名].cshtml，比如你的IndexAction对应的视图路径是/Areas/Admin/Views/UsersManage/Index.cshtml；
  • 共享视图可以放在/Areas/Admin/Views/Shared或根目录的/Views/Shared下。

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