如何从Angular4向WebAPI2传递含特殊字符/的参数？

这个问题我之前踩过坑！核心原因很明确：URL里的/是天然的路径分隔符，你直接把包含/的poolid塞进路径参数里，WebAPI的路由解析器会误以为pool/name是两个独立的路由段，自然就找不到对应的接口，报404了。下面给你几个靠谱的解决办法：

方案1：前端对特殊字符URL编码，后端路由匹配参数 #

这是最直接的处理方式，把含/的参数先编码，再拼入URL，WebAPI会自动解码参数值。

Angular4代码示例： #

// 待传递的含特殊字符的poolid
const poolId = 'pool/name';
// 对参数进行URL编码，/会被转成%2F
const encodedPoolId = encodeURIComponent(poolId);
// 拼接成完整请求URL
const requestUrl = `api/schedule/getdata/date/2018-04-18/utilityid/utilityname/poolid/${encodedPoolId}`;

// 用HttpClient发送GET请求
this.http.get(requestUrl).subscribe(
  response => { /* 处理响应 */ },
  error => { /* 处理错误 */ }
);

WebAPI2代码示例： #

确保路由模板正确匹配所有路径参数，并用[FromUri]接收（其实默认就是FromUri，可省略，但写出来更清晰）：

[HttpGet]
[Route("api/schedule/getdata/date/{date}/utilityid/{utilityId}/poolid/{poolId}")]
public IHttpActionResult GetScheduleData(string date, string utilityId, [FromUri] string poolId)
{
    // 这里的poolId会自动解码为"pool/name"
    // 你的业务逻辑处理
    return Ok(/* 返回数据 */);
}

方案2：改用查询参数传递（更稳妥） #

如果可以调整接口的参数传递方式，把含特殊字符的poolid放到查询字符串里会更省心——查询参数的编码处理更成熟，不容易被路由解析器误解。

Angular4代码示例： #

用HttpParams构建查询参数，它会自动帮你编码特殊字符：

const params = new HttpParams()
  .set('date', '2018-04-18')
  .set('utilityid', 'utilityname')
  .set('poolid', 'pool/name'); // 这里不用手动编码，HttpParams会处理

// 发送GET请求，参数通过queryString传递
this.http.get('api/schedule/getdata', { params }).subscribe(
  response => { /* 处理响应 */ },
  error => { /* 处理错误 */ }
);

WebAPI2代码示例： #

调整路由和参数接收方式：

[HttpGet]
[Route("api/schedule/getdata")]
public IHttpActionResult GetScheduleData([FromUri] string date, [FromUri] string utilityId, [FromUri] string poolId)
{
    // 同样能正确拿到解码后的"pool/name"
    // 业务逻辑处理
    return Ok(/* 返回数据 */);
}

方案3：修改服务器配置允许路径中的编码特殊字符（谨慎使用） #

如果必须坚持用路径参数，且上述方案仍报错，可能是IIS默认拦截了含%2F（编码后的/）的请求。这时候需要修改Web.config配置：

1. 在<system.webServer>节点下添加：

<security>
  <requestFiltering allowDoubleEscaping="true" />
</security>

2. 在<system.web>节点下添加：

<httpRuntime requestPathInvalidCharacters="" />

⚠️ 注意：这个方案会放宽服务器的请求限制，可能带来安全风险（比如路径遍历攻击），所以一定要在后端对poolId参数做严格的合法性校验，确保没有恶意内容。

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