Angular调用.NET后端报Http failure 0 Unknown Error问题求助

核心问题定位：HTTP/HTTPS协议不兼容 #

你提到Chrome里HTTP访问接口失败、HTTPS正常，这就是问题的核心。浏览器会拦截混合内容请求：如果前端是HTTP环境（比如本地ng serve默认HTTP），调用HTTPS后端；或者前端是HTTPS，调用HTTP后端，都会直接阻断请求，返回"0 Unknown Error"。

具体修复步骤 #

1. 统一前后端协议 #

• 若后端仅支持HTTPS：让Angular开发服务改用HTTPS启动，执行命令：

  ng serve --ssl true
  

  也可以在angular.json里永久配置：

  "serve": {
    "options": {
      "ssl": true,
      "sslKey": "ssl/localhost.key",
      "sslCert": "ssl/localhost.crt"
    }
  }
  

• 若需要后端支持HTTP：在.NET的Program.cs中配置同时启用HTTP和HTTPS端点：

  var builder = WebApplication.CreateBuilder(args);
  builder.WebHost.ConfigureKestrel(options =>
  {
      options.ListenAnyIP(5000); // HTTP端口
      options.ListenAnyIP(5001, o => o.UseHttps()); // HTTPS端口
  });
  

2. 补全CORS配置细节 #

已配置CORS但无效，大概率是规则范围不全：

• 明确指定前端的完整源（含协议、域名、端口），比如前端用HTTPS本地服务：

  builder.Services.AddCors(options =>
  {
      options.AddPolicy("AllowAngular",
          policy => policy.WithOrigins("https://localhost:4200")
                          .AllowAnyHeader()
                          .AllowAnyMethod());
  });
  // 注意顺序：必须在UseRouting之后、UseAuthorization之前启用
  app.UseCors("AllowAngular");
  

• 如果请求带Cookie或认证头，加上.AllowCredentials()：

  .AllowCredentials()
  

3. 检查自动生成的前端服务配置 #

SwaggerGen生成的前端代码可能硬编码了接口地址，打开生成的服务文件（比如api.service.ts），确认baseUrl的协议和后端一致：

// 确保和后端实际协议匹配，比如后端用HTTPS就写https
protected baseUrl = 'https://localhost:5001';

4. 临时调试方案（仅开发环境用） #

如果暂时无法修改协议，Chrome中可以临时关闭混合内容拦截：

• 地址栏输入chrome://flags/#allow-insecure-localhost，启用"允许来自localhost的无效证书"
• 输入chrome://flags/#block-insecure-private-network-requests，关闭"阻止不安全的私有网络请求"
  注意：这只是临时调试用，上线必须统一协议

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