Angular 4与ASP.NET Web API部署SSL后增改操作外部访问异常求助

这种问题我之前也碰到过几次，大概率是生产环境HTTPS相关的配置或者请求解析问题，给你几个排查方向和解决办法：

• 检查请求内容类型与序列化正确性
  本地HTTP环境下可能默认的请求头没问题，但切换到HTTPS后，Angular的POST请求可能没正确设置Content-Type: application/json，导致Web API无法解析请求体。

  • 确保Angular的请求代码里显式设置请求头：

    import { HttpClient, HttpHeaders } from '@angular/common/http';
    
    // ...
    const headers = new HttpHeaders({ 'Content-Type': 'application/json' });
    this.http.post('/api/yourController/Add', JSON.stringify(yourItem), { headers });
    

  • 可以在Web API的Add方法里先打印请求体内容，确认是否为空：

    [Route("Add")]
    [HttpPost]
    public async Task<IHttpActionResult> Add(PeriodCategoryCriteria item) {
        var requestBody = await Request.Content.ReadAsStringAsync();
        // 日志输出requestBody，看是否为空或格式错误
        // 数据库添加操作
    }
    

• 排查IIS 8的请求拦截与限制
  Windows Server 2008 R2的IIS 8可能有默认的请求筛选或安全模块截断了POST请求体：

  • 打开IIS管理器，找到你的站点，进入请求筛选，检查：
    • “HTTP谓词”里是否允许POST方法；
    • “请求限制”里的最大请求体大小是否足够（如果你的请求数据较大，默认限制可能导致截断）。
  • 查看IIS日志（路径通常是C:\inetpub\logs\LogFiles），看请求的状态码，比如400（错误请求）、403（禁止访问）这类状态码能直接提示问题根源。

• 验证SSL证书与HTTPS绑定配置
  错误的SSL绑定可能导致请求处理异常：

  • 确认IIS站点的HTTPS绑定中，证书是有效且正确关联的，不要开启“要求客户端证书”（除非你的业务确实需要，否则外部请求没有客户端证书会导致请求失败）。
  • 检查Web.config中的相关配置，避免强制SSL的设置干扰请求解析：

    <system.web>
      <httpRuntime requireSSL="false" />
    </system.web>
    <system.webServer>
      <security>
        <access sslFlags="Ssl" /> <!-- 仅要求SSL，不要求客户端证书 -->
      </security>
    </system.webServer>
    

• 调整Web API模型绑定配置
  显式指定模型绑定来源或调整格式化器，可能解决HTTPS下的解析问题：

  • 在参数上添加[FromBody]特性，明确告诉Web API从请求体中获取参数：

    public IHttpActionResult Add([FromBody] PeriodCategoryCriteria item) {
        // 数据库添加操作
    }
    

  • 确保Web API优先使用JSON格式化器，避免XML解析干扰：

    public static void Register(HttpConfiguration config)
    {
        // 移除XML格式化器
        config.Formatters.Remove(config.Formatters.XmlFormatter);
        // 确保JSON格式化器支持正确的媒体类型
        config.Formatters.JsonFormatter.SupportedMediaTypes.Add(new MediaTypeHeaderValue("application/json"));
    }
    

• 排查跨域（CORS）配置
  如果前端与Web API是不同域名，生产HTTPS环境下的CORS配置可能和本地不一致：

  • 确保Web API启用了CORS，并允许前端的HTTPS域名：

    public static void Register(HttpConfiguration config)
    {
        config.EnableCors(new EnableCorsAttribute("https://your-frontend-domain.com", "*", "POST,GET,PUT,DELETE"));
    }
    

  • 避免IIS的CORS模块与Web API的CORS配置冲突，建议只在一处配置CORS。

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