如何在ASP.NET WebAPI中获取URL锚点内的指定参数？

首先得明确一个关键：URL中的**锚点片段（#后面的部分）**是浏览器端的本地内容，不会随HTTP请求发送到服务器。这就是为什么你在后端拿不到#filter=path|/A6/ERE/50-001|这部分的原因——它根本没被传过来。

为什么之前的路由和RequestUri拿不到完整内容？ #

• [Route("share/pa/{*endUrl}")]里的{*endUrl}是捕获路由路径的剩余部分，也就是/repos，查询参数（?file=Ring）和锚点不属于路由路径范畴，所以不会被包含进去。
• Request.RequestUri.Query本身就只包含URL中?到#之间的部分，这是HTTP协议的规范，所以只能拿到?file=Ring。

可行的解决办法 #

要获取锚点里的ERE和50-001，必须从前端入手，把这部分数据主动传给后端：

方案1：前端重写URL，将锚点转为查询参数

把原URL的锚点部分改成查询参数，比如：
原URL：http://server/share/pa/repos?file=Ring#filter=path|/A6/ERE/50-001|
修改后：http://server/share/pa/repos?file=Ring&filter=path|/A6/ERE/50-001|

后端就可以直接通过查询参数获取：

[Route("share/pa/repos")]
public IActionResult GetRepos([FromQuery] string file, [FromQuery] string filter)
{
    // 解析filter：按|分割后处理路径段
    var filterParts = filter.Split('|');
    var pathSegments = filterParts[1].Split('/');
    var ere = pathSegments[2]; // 提取ERE
    var code = pathSegments[3]; // 提取50-001
    // 后续业务逻辑
    return Ok();
}

方案2：前端通过JS获取锚点，用请求体或请求头传递

前端用window.location.hash获取锚点内容，然后通过POST请求的body或者自定义请求头传给后端：

// 前端JS代码
const hashContent = window.location.hash.slice(1); // 去掉#，得到"filter=path|/A6/ERE/50-001|"
// 发送POST请求传递数据
fetch('/share/pa/repos', {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json'
    },
    body: JSON.stringify({
        file: 'Ring',
        hashData: hashContent
    })
});

后端接收并解析：

[Route("share/pa/repos")]
[HttpPost]
public IActionResult GetRepos([FromBody] RequestData model)
{
    // 解析锚点数据
    var filterStr = model.HashData.Split('=')[1];
    var filterParts = filterStr.Split('|');
    var pathSegments = filterParts[1].Split('/');
    var ere = pathSegments[2];
    var code = pathSegments[3];
    // 后续业务逻辑
    return Ok();
}

// 对应的接收模型
public class RequestData
{
    public string File { get; set; }
    public string HashData { get; set; }
}

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