Angular 9和dotnet WebAPI路由

问题描述

我已使用Visual Studio模板创建了具有Web API（.net核心3.1）的Angular SPA，并将其部署到Azure App Service。 SPA可以很好地与调用API端点配合使用。

但是，例如，当我尝试从移动客户端调用API时 api/v1/users/123，其中用户ID 123不存在，我希望输入404，但是相反，似乎Angular路由接管了它，因为它返回了SPA的主页。

我是否可以进行一些配置来解决此问题，或者我会以错误的方式进行操作？

我还向应用程序服务添加了两个子域，一个用于SPA，一个用于API：portal.NN.com和api.NN.com。使用api.NN.com时是否可以禁用SPA？

编辑以澄清：SPA和Xamarin移动应用程序都使用WebAPI。 Xamarin应用程序中的问题是，当我尝试查找不存在的资源时，或者在路由不存在时，我没有得到404，将其重定向到SPA主页（当我反序列化JSON时可以看到HTML） ）。

编辑＃2-从Startup.cs配置

public void Configure(IApplicationBuilder app,IWebHostEnvironment env)
        {
            app.UseMiddleware<ErrorHandlingMiddleware>();
            app.UseCors("CorsPolicy");

            if (!env.IsDevelopment())
            {
                // The default HSTS value is 30 days. You may want to change this for production scenarios,see https://aka.ms/aspnetcore-hsts.
                app.UseHsts();
            }

            app.UseHttpsRedirection();
            app.UseStaticFiles();

            if (!env.IsDevelopment())
            {
                app.UseSpaStaticFiles();
            }

            app.UseRouting();

            app.UseAuthentication();
            app.UseAuthorization();

            app.UseEndpoints(endpoints =>
            {
                endpoints.MapControllers();
            });

            app.UseSpa(spa =>
            {
                // To learn more about options for serving an Angular SPA from ASP.NET Core,// see https://go.microsoft.com/fwlink/?linkid=864501

                spa.Options.sourcePath = "ClientApp";

                if (env.IsDevelopment())
                {
                    spa.UseProxyToSpaDevelopmentServer("http://localhost:4200");
                }
            });
        }

解决方法

尝试使用app.UseWhen功能。

文档：https://docs.microsoft.com/en-us/aspnet/core/fundamentals/middleware/?view=aspnetcore-3.1#branch-the-middleware-pipeline

app.UseWhen(x=> !x.Request.Path.Value.Contains("ApiEndPoint"),app1 =>
            app1.UseSpa(spa =>
            {
                spa.Options.SourcePath = "ClientApp";

                if (env.IsDevelopment())
                {
                    spa.UseAngularCliServer(npmScript: "start");
                }
            })
            );

希望这会有所帮助。