MVC带参数URL无法访问（404错误）技术求助

嘿，咱们来一步步排查你的MVC带参数路由出现404的问题，结合你给出的代码，这里有几个常见的解决方向：

1. 相对路径导致路由不匹配 #

你前端jQuery生成的链接是Unit/{id}/{name}这种相对路径，但你的路由规则是Home/Unit/{id}/{name}。如果当前页面的URL不是以/Home开头（比如在/Home/Index或者其他控制器页面），这个相对路径会被解析成当前页面路径/Unit/...，根本匹配不上你配置的路由，自然返回404。

解决办法：
别手动拼接URL！用MVC自带的Url.Action()方法生成绝对匹配的路由链接，它会自动处理路径问题。

• 如果是在Razor视图里，可以直接生成：

  @Url.Action("Unit", "Home", new { id = param.Unidad.Id, name = param.Unidad.Nombre })
  

• 如果要在jQuery里用，可以先把生成好的URL存在页面元素的data属性中：

  <div id="nombreUnidad" data-unit-base-url="@Url.Action("Unit", "Home")"></div>
  

  然后JS里拼接：

  var baseUrl = $('#nombreUnidad').data('unit-base-url');
  var encodedId = encodeURIComponent(param.Unidad.Id);
  var encodedName = encodeURIComponent(param.Unidad.Nombre);
  $('#nombreUnidad').append(`<a href="${baseUrl}/${encodedId}/${encodedName}">你的链接文本</a>`);
  

2. 路由参数可选性配置不全 #

你的路由配置里只把id设为UrlParameter.Optional，但name没有标记可选。如果生成的链接里name为空，或者没传递这个参数，路由就匹配失败。

解决办法：
如果name也是可选参数，把它也设为可选：

routes.MapRoute( 
    "Unit", 
    "Home/Unit/{id}/{name}", 
    new { controller = "Home", action = "Unit", id = UrlParameter.Optional, name = UrlParameter.Optional } 
);

注意：路由里的可选参数最好放在最后，避免和其他路由规则冲突。

3. 路由顺序不对导致被默认路由拦截 #

ASP.NET MVC的路由是从上到下匹配的，如果你的Unit自定义路由放在了默认路由之后，可能默认路由会先匹配请求，导致你的自定义路由根本没生效。

解决办法：
把自定义的Unit路由放在默认路由前面：

// 先注册自定义路由
routes.MapRoute( 
    "Unit", 
    "Home/Unit/{id}/{name}", 
    new { controller = "Home", action = "Unit", id = UrlParameter.Optional, name = UrlParameter.Optional } 
);

// 再注册默认路由
routes.MapRoute(
    name: "Default",
    url: "{controller}/{action}/{id}",
    defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }
);

4. 参数含特殊字符未编码 #

如果param.Unidad.Nombre里有空格、&、%这类特殊字符，直接拼进URL会导致格式错误，服务器无法解析，返回404。

解决办法：
在JS里用encodeURIComponent()对参数编码（用Url.Action()生成的话会自动处理编码，更省心）：

var safeId = encodeURIComponent(param.Unidad.Id);
var safeName = encodeURIComponent(param.Unidad.Nombre);
$('#nombreUnidad').append(`<a href="/Home/Unit/${safeId}/${safeName}">你的链接文本</a>`);

最后验证一下：修改后，直接在浏览器地址栏输入/Home/Unit/你的ID/你的名称，如果能正常访问，说明路由配置没问题，再检查前端生成的链接是否和这个格式一致就好啦。

内容的提问来源于stack exchange，提问作者Josue Leonardo Galindo Miranda