Ionic 3应用Angular POST请求Header为空的问题求助

我来帮你排查这个问题，核心有几个关键点需要修正，咱们一步步来：

1. Angular端：HttpHeaders是不可变对象，必须重新赋值 #

你当前的代码里犯了一个常见的Angular HttpClient误区：HttpHeaders是不可变对象，调用append()方法不会修改原对象，而是返回一个新的Headers实例。这就导致你设置的Authorization头根本没被带到请求里。修改代码如下：

login(username, password):Observable<Object>{
 let url : string = this.apiUrl+"/login";
 // 正确创建并链式赋值Headers
 let headers = new HttpHeaders()
   .append('Authorization', btoa(`${username}:${password}`));
 // 注意：HttpClient.post会自动序列化请求体，不需要手动JSON.stringify
 return this.http.post(url, {username,password}, {headers: headers});
}

2. .NET Web API端：处理CORS预检请求 #

当请求包含自定义头（比如Authorization）时，浏览器会先发送OPTIONS预检请求验证服务器是否允许该请求。如果服务器没有正确响应OPTIONS请求，浏览器会直接拦截后续的POST请求，导致服务器收不到任何头信息。

推荐方案：全局配置CORS #

在WebApiConfig.cs里全局启用CORS，确保自动处理OPTIONS请求：

public static class WebApiConfig
{
    public static void Register(HttpConfiguration config)
    {
        // 全局启用CORS，覆盖所有控制器
        var corsSettings = new EnableCorsAttribute("http://localhost:8100", "*", "*");
        config.EnableCors(corsSettings);
        
        // 其他路由、过滤器配置...
    }
}

配置后就不需要在控制器上单独添加[EnableCors]属性了。

调试辅助：完善请求头捕获逻辑 #

你的SendAsync方法里捕获了异常但没有任何输出，很难排查问题。建议增加调试日志，确认头是否真的到达服务器：

protected override Task<HttpResponseMessage> SendAsync(HttpRequestMessage request, CancellationToken cancellationToken) {
 try {
     if (request.Headers.Contains("Authorization"))
     {
         var token = request.Headers.GetValues("Authorization").FirstOrDefault();
         // 调试时可以输出日志，查看实际拿到的头内容
         System.Diagnostics.Debug.WriteLine($"Received Authorization token: {token}");
     }
     else
     {
         System.Diagnostics.Debug.WriteLine("Authorization header not found in request");
     }
 } catch (Exception ex) {
     System.Diagnostics.Debug.WriteLine($"Error reading header: {ex.Message}");
 }
 return base.SendAsync(request, cancellationToken);
}

3. 最后一步：用浏览器工具验证请求 #

打开浏览器开发者工具（F12）的Network标签，找到发送的POST请求，查看Request Headers里是否包含Authorization：

• 如果这里没有，说明问题还是在Angular端，再检查Headers的创建逻辑；
• 如果这里有，但服务器端没拿到，就重点排查CORS配置或.NET的请求拦截逻辑。

内容的提问来源于stack exchange，提问作者Umut Gür