How to configure ASP.net Core server routing for multiple SPAs hosted with SpaServices

by

Thanks to SteveSandersonMS and chris5287 over on Github for pointing me towards the solution on this.

IApplicationBuilder.Map can segregate paths into different areas of concern. If you wrap a call to app.UseSpa in a call to app.Map, the SPA will be handled only for the path specified by the Map call. The app.UseSpa call ends up looking like:

app.Map("/app1", app1 =>
{
    app1.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";

        spa.UseSpaPrerendering(options =>
        {
            options.BootModulePath = $"{spa.Options.SourcePath}/dist-server/main.bundle.js";
            options.BootModuleBuilder = env.IsDevelopment()
                ? new AngularCliBuilder(npmScript: "build:ssr:en")
                : null;
            options.ExcludeUrls = new[] { "/sockjs-node" };
            options.SupplyData = (context, data) =>
            {
                data["foo"] = "bar";
            };
        });

        if (env.IsDevelopment())
        {
            spa.UseAngularCliServer(npmScript: "start --app=app1 --base-href=http://stackoverflow.com/app1/ --serve-path=/");
        }
    });
});

You can make as many calls to app.Map as necessary to configure your SPAs. Also note the modification to the spa.UseAngularCliServer call at the end: you will need to set --base-href and --serve-path to match your particular config.

More Related Contents:

  1. where to download the dotnet-dev-win-x86.1.0.0-preview 2-1-003180
  2. How to run stored procedures in Entity Framework Core?
  3. Where are the Login and Register pages in an AspNet Core scaffolded app?
  4. Entity Framework Core service default lifetime
  5. why remove-migration run my app?
  6. .NET Core MVC Page Not Refreshing After Changes
  7. Export html to pdf in ASP.NET Core
  8. How to update the model when using database first approach
  9. AddDbContext or AddDbContextPool
  10. OData Support in ASP.net core
  11. .NET Core vs ASP.NET Core
  12. How to set redirect_uri protocol to HTTPS in Azure Web Apps
  13. Get Current User in a Blazor component
  14. .Net Core on Raspberry Pi 4 with Raspbian?
  15. Entity Framework Core: DbContextOptionsBuilder does not contain a definition for ‘usesqlserver’ and no extension method ‘usesqlserver’
  16. ASP.NET Core support in Visual Studio 2015?
  17. How to correctly get dependent scoped services from ISecurityTokenValidator
  18. How to send email from any one email using Microsoft Graph
  19. Multipart body length limit exceeded exception
  20. How to watch for file changes “dotnet watch” with Visual Studio ASP.NET Core
  21. Configure cors to allow all subdomains using ASP.NET Core (Asp.net 5, MVC6, VNext)
  22. Create Custom HTML Helper in ASP.Net Core
  23. Read request body twice
  24. Modify middleware response
  25. How to start Quartz in ASP.NET Core?
  26. Store / Retrieve ConnectionString from appSettings.json in ASP.net Core 2 MVC app
  27. ASP .NET Core default language is always English
  28. PayPal Transaction Search API: PERMISSION_DENIED, No Permission for the requested operation
  29. Unable to configure HTTPS endpoint. No server certificate was specified, and the default developer certificate could not be found
  30. Disable chunking in ASP.NET Core

Leave a Comment