.NET 6 + Angular 13升级后HttpClient调用API控制器返回404错误求助

从你的描述来看，Postman调用API返回401（符合预期，未携带认证信息），但Angular请求返回404，说明API端点本身是存在的，问题大概率出在请求路由匹配、代理配置或者中间件顺序上。下面是具体的排查步骤：

1. 先检查请求路径的拼写一致性 #

从错误信息看，Angular请求的是/api/Tenant/getuserdetails，但你提供的TenantController代码里只有getappdetails方法。先确认：

• Angular代码中是否拼写错误，把getappdetails写成了getuserdetails？
• 如果确实存在getuserdetails方法，是否忘记添加[HttpGet]和[Route]属性？

这是最容易忽略的小问题，先排除这个可能性。

2. 验证Angular开发环境的代理配置 #

你在开发环境使用spa.UseAngularCliServer(npmScript: "start")，这时候Angular的开发服务器（默认端口4200）需要把API请求代理到.NET后端（5001）。检查：

• 项目根目录是否有proxy.conf.json（或proxy.conf.js）文件？
• 配置文件是否正确映射了/api开头的请求到.NET后端，示例配置：

  {
    "/api/*": {
      "target": "https://localhost:5001",
      "secure": false,
      "changeOrigin": true
    }
  }
  

• 查看Angular的package.json中start脚本是否指定了代理配置：

  "scripts": {
    "start": "ng serve --proxy-config proxy.conf.json"
  }
  

如果代理配置缺失或错误，Angular会把/api请求发到自己的4200端口，而该端口没有对应的API端点，就会返回404。

3. 检查.NET中间件顺序和配置细节 #

.NET中间件的执行顺序非常关键，虽然你的配置看起来大体正确，但有几个细节需要验证：

3.1 确认CORS策略的应用 #

你在ConfigureServices中定义了ApplicationCors策略，但在Configure中调用app.UseCors();时没有指定策略名称，这会使用默认的CORS策略（而你没有配置默认策略）。修改为：

app.UseCors(ApplicationCors);

虽然CORS错误通常表现为跨域提示而非404，但如果浏览器因CORS阻止了请求，也可能出现异常的404表现，建议先修正。

3.2 验证路由端点的注册 #

确认MapControllers()是否正确处理了属性路由：

• 你的控制器使用[Route("api/[controller]")]和方法级路由，MapControllers()会自动识别这些路由，理论上没问题，但可以尝试在MapControllers()后添加一个测试端点，验证路由系统是否正常工作：

  endpoints.MapGet("/api/test", () => "Test endpoint works!");
  

然后用Postman和Angular分别请求/api/test，看是否能正常返回内容。如果Postman能返回但Angular不能，还是代理或请求路径的问题；如果Postman也返回404，那说明.NET的路由注册有问题。

3.3 检查认证中间件的重定向影响 #

虽然Postman返回401，但Angular是SPA，当未认证时，认证中间件可能会重定向到登录页（302状态码），而Angular的HttpClient可能会跟随重定向，最终获取到登录页的HTML内容，但状态码可能被错误解析为404？可以在浏览器的网络面板中查看请求的实际状态码和响应内容：

• 如果看到302重定向到登录页，说明Angular请求没有携带认证Cookie或Token，导致认证失败，但因为SPA的路由处理，看起来像404。这种情况下需要检查Angular的请求是否正确携带了认证信息（比如Cookie）。

4. 排查重复的MVC/RazorPages配置 #

你在ConfigureServices中同时添加了AddRazorPages()和AddMvc()，两者都添加了全局的AuthorizeFilter，这可能导致路由冲突或配置冗余。建议：

• 如果你的项目主要是API，不需要RazorPages，可以移除AddRazorPages()的相关代码；
• 保留AddMvc()即可，因为它已经包含了API控制器的支持。

5. 检查开发环境的端口和URL #

确认Angular请求的URL是否正确：

• 浏览器网络面板中查看请求的完整URL，是否确实指向https://localhost:5001/api/...，而不是其他端口；
• 确认.NET项目的启动设置（launchSettings.json）中，HTTPS端口确实是5001，没有被修改。

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