React+Axios GET传多参数至ASP.NET Core WebAPI遇500错误

1. 路由匹配不匹配 #

前端请求的URL是/api/Shops/details?id=${user.id}&shopuser=${user.username}，但后端ShopsController的目标方法Dashboard路由标记为[HttpGet("{dashboard}")]，这会导致路由不匹配：

• 后端当前期望的路径是/api/Shops/任意字符串（{dashboard}是动态占位符），和前端请求的details路径无法对应
• 若要匹配前端的details路径，需把方法路由改成[HttpGet("details")]，而非动态占位符格式

2. 参数绑定问题 #

即使路由匹配，后端方法的参数需正确绑定GET查询参数：

• 确保Dashboard方法的参数定义包含id和shopuser，必要时显式添加[FromQuery]标记（参数名与查询键一致可省略，但显式标记更稳妥），示例代码：

public IActionResult Dashboard([FromQuery] int id, [FromQuery] string shopuser)
{
    // 业务逻辑代码
}

• 若参数类型不匹配（比如前端传字符串id但后端定义为int），会触发模型绑定失败，进而导致500错误

3. 服务器内部异常（查看日志） #

500是服务器内部错误，必须查看ASP.NET Core日志（控制台输出、日志文件等）定位具体异常：

• 常见原因：数据库连接失败、查询时出现NullReferenceException、未处理的业务逻辑异常（如调用空对象方法）、SQL语句执行错误

4. 权限与授权问题 #

如果后端配置了授权策略（如JWT、角色验证），前端请求若未携带有效身份凭证，可能触发授权失败，若被全局异常处理转成500错误（而非标准401/403）

5. 路由冲突问题 #

检查ShopsController中是否有其他HttpGet方法的路由与details路径冲突，或者Dashboard方法的路由定义存在逻辑错误（比如动态占位符{dashboard}匹配了非预期路径，方法内未处理导致异常）

内容的提问来源于stack exchange，提问作者Fiaz Ahmed Ranjha