Angular2 deep linking in AspNetCore without MVC

Question

I am trying to implement deep linking in Angular 2. I have completely removed MVC from my client as I've discovered that there's very little it offers me. However, doing that means that I no longer have use of the MVC router.

Can someone please tell me how to get Angular 2 deep linking working without using MVC?

My sample app is located at https://github.com/tonywr71/Snazzle

rook · Accepted Answer · 2016-09-12 04:07:18Z

1

You need to rely on the Angular router. In general you need to serve only index.html (or whatever is defaut) from your server for each request (or you can filter for 404 status and send index.html in that case only). Angular will do the rest.

To catch 404 and redirect in the asp.net core apllication you can add this to your Configure method in the Startup.cs file:

app.Use(async (context, next) =>
{
    await next();
    if(context.Response.StatusCode == 404)
    {
        context.Request.Path = "/";
        await next();
    }
});

edited Sep 12, 2016 at 4:07

answered Sep 11, 2016 at 23:54

rook

3,0364 gold badges28 silver badges45 bronze badges

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

4 Comments

tone Over a year ago

Yea I know I need to rely on the Angular router. But its the interception that I need to know more about. Also, isn't a 404 a bit inefficient, because it is doing the check first instead of redirecting all externally provided (non angular2) urls to the one place?

tone Over a year ago

I saw this bit of code, which I put in Configure in Startup.cs after the UseStaticFiles call, but it didn't work: app.Use(async (context, next) => { await next(); if (context.Response.StatusCode == 404 && !Path.HasExtension(context.Request.Path.Value)) { context.Request.Path = "/cats-by-owner-gender"; // Put your Angular root page here await next(); } });

rook Over a year ago

I updated my answer with what works just fine for me.

tone Over a year ago

ok, I got it working. I had to put that code above the UseStaticFiles statement in my Configure method.

Collectives™ on Stack Overflow

Angular2 deep linking in AspNetCore without MVC

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related