ASP.NET Core与Angular集成项目新增Controller方法返回首页问题求解

ASP.NET Core 结合 Angular 的官方模板默认配置了回退路由规则：所有未匹配到后端接口路由的请求，都会自动返回 Angular 应用的入口 index.html 文件，也就是你看到的 Angular 首页。你访问 /MyTeam 时触发了该回退规则，本质是这个路径没有被后端路由系统识别为接口请求。

按以下优先级排查配置即可：

• 给新增的接口方法加上请求特性
  默认生成的 Get 方法自带 [HttpGet] 路由特性，你新增的 MyTeam 方法大概率漏加了该特性，导致路由系统无法识别这个方法对应的请求规则。
  参考修正代码：

[ApiController]
[Route("[controller]")] // 控制器层级路由前缀，默认值是控制器名去掉Controller后缀，也就是WeatherForecast
public class WeatherForecastController : ControllerBase
{
    // 原有默认方法，匹配 GET /WeatherForecast
    [HttpGet]
    public IEnumerable<WeatherForecast> Get()
    {
        // 原有逻辑
    }

    // 新增MyTeam方法，加HttpGet特性并指定子路由
    [HttpGet("MyTeam")]
    public IEnumerable<YourTeamModel> MyTeam()
    {
        // 你的业务逻辑
    }
}

以上配置下，访问 /WeatherForecast/MyTeam 即可拿到预期的JSON数据。

• 如果需要直接通过根路径 /MyTeam 访问，修改路由特性即可：

// 路由前加斜杠代表忽略控制器层级的路由前缀，直接匹配根路径
[HttpGet("/MyTeam")]
public IEnumerable<YourTeamModel> MyTeam()
{
    // 你的业务逻辑
}

• 确认启动文件的路由注册顺序
  打开项目的 Program.cs 文件，保证控制器路由的注册顺序在Angular回退路由之前，顺序错误会导致所有请求优先返回Angular首页：

// 先注册控制器路由
app.MapControllers();

// 再注册静态文件和Angular回退路由
app.UseStaticFiles();
app.MapFallbackToFile("index.html");

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