ASP.NET Core 防止 api 路由的 spa 回退路由

Question

我的前端有一个带有 Vue.js 的 ASP.NET Core 2.2 应用程序。 在我的启动中，我有以下路线：

        app.UseMvc(routes =>
        {
            routes.MapRoute(
                name: "mvc",
                template: "{controller=Home}/{action=Index}/{id?}");
            // TODO: When api route doesn't exists it goes into the spa-fallkback route. We need to prevent this.
            routes.MapSpaFallbackRoute(
                name: "spa-fallback",
                defaults: new { controller = "Home", action = "Index" });
        });

问题出在我的 API 路由上。 当 API URL 存在时，我们没有问题，但是当 URL 不存在时，它会转到spa-fallback路由。

有没有办法设置路由，以便当 URL 以/api/开头并且没有找到路由时，它返回 404 而不是 spa-fallback？

Answer 1

我害怕不是因为你为你的 SPA 定义了一条后备路线，所以 .Net 核心试图做的是寻找那条路线，如果那条路线不存在，它将转到 spa 后备路线

以下是如何拦截该行中的 API 请求

if (context.Request.Path.Value.StartsWith("/api"))

public void Configure(IApplicationBuilder app, IHostingEnvironment env)
    {
        if (env.IsDevelopment())
        {
            app.UseDeveloperExceptionPage();
        }
        else
        {
            app.UseHsts();
        }

        app.UseHttpsRedirection();

        app.Use(async (context, next) =>
        {
            if (context.Request.Path.Value.StartsWith("/api"))
            {
                await context.Response.WriteAsync("Hello");
            }
        });
        app.UseMvc();
    }

Answer 2

我们通过将项目拆分为.UI和.API项目来解决此问题。 每个都有自己的 IoC 容器、路由、...

分离的项目还具有将它们发布到分离的应用程序池或不同服务器上的优势。

Answer 3

您始终可以手动创建一个包罗万象的操作：

public class HomeController : Controller
{
    // SPA Fallback
    public IActionResult Index()
    {
        return View();
    }

    // Disable all other /api/* routes.
    [Route("/api/{**rest}")]
    public IActionResult Api()
    {
        return NotFound("");
    }
}