Enable angular routes with asp.net core

Question

i'm trying to build a web app with asp.net core for back-end side and angular 1.5.x for front-end side. the problem is haw to enable angular routes to be analyzed by the server. i added these lines of code to the startup.cs and evry thing works fine:

 DefaultFilesOptions options = new DefaultFilesOptions();
            options.DefaultFileNames.Clear();
            options.DefaultFileNames.Add("Index.html");
            app.Use(async (context, next) =>
            {
                await next();

                if (context.Response.StatusCode == 404 && !Path.HasExtension(context.Request.Path.Value))
                {
                    context.Request.Path = "/Index.html";
                    await next();
                }
            })
            .UseCors("AllowAll")
            .UseDefaultFiles(options)
            .UseStaticFiles()
            .UseIdentity()
            .UseMvc();

but i looks like it's not a good practice, and this problem should be solved in the appsettings.json. any ideas ?

Use JavaScriptServices: github.com/aspnet/JavaScriptServices they add both server-sided nodejs (including angular) rendering as well as enables a default route which will route first-time calls to the index/home/whatever page where the SPA is embedded. All conclusive calls are handled by the angular router — Tseng
– Tseng, Commented Mar 21, 2017 at 9:08
Why? It's very unlikely you gonna change the route/controller on the run. Angular SPAs just need a single entry point (that's where the name comes from Single Page Application) — Tseng
– Tseng, Commented Mar 21, 2017 at 9:37
@Tseng haw to told the server to use the entry point ? as if you say evrything will work automatically ! — Boubakr Chieb
– Boubakr Chieb, Commented Mar 21, 2017 at 10:33
i added Microsoft.AspNetCore.NodeServices , Microsoft.AspNetCore.SpaServices and Microsoft.AspNetCore.AngularServices packages, it works fine but i have an exception adding the Mvc in startup.cs — Boubakr Chieb
– Boubakr Chieb, Commented Mar 21, 2017 at 10:36

Mohammed Suez · Accepted Answer · 2017-12-21 12:23:26Z

1

The answer (mostly) is in the UseMVC options... you should implement server-side routes as shown

    app.UseMvc(routes =>
{
    routes.MapRoute(
        name: "default",
        template: "{controller=Home}/{action=Index}/{id?}");

    routes.MapSpaFallbackRoute("spa-fallback", new { controller = "Home", action = "Index" });
});

look at this link

answered Dec 21, 2017 at 12:23

Mohammed Suez

1598 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mohammed Suez Over a year ago

I said (mostly) because I never tested it but I think it's a reasonable answer...

Collectives™ on Stack Overflow

Enable angular routes with asp.net core

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related