Angular address bar using base URL instead of route URL

Question

Not sure how to ask the question correctly, but here goes:

Environment: ASP.NET Server, Angular 8 and not a SPA. Each ASP view reloads angular.

app.module.ts:

  providers: [
    { provide: APP_BASE_HREF, useValue: '/Scripts/ng' },

I can go to an address like https://localhost:5999/location which is configured in the routes, but when I get there the browsers address bar has https://localhost:5999/Scripts/ng/location in it.

How do I get it back to the relative path of Angular?

thanks

tim545 · Accepted Answer · 2019-08-07 00:52:26Z

1

You might need to add the <base href="/"> element to your html file where the Angular app is bootstrapped (usually index.html), the docs explain it a bit more (https://angular.io/guide/router#base-href) but I think it is telling the framework where to begin the relative routes from.

Otherwise it might be the order of the routes in your configuration which is inadvertently redirecting to Scripts/ng/location when location is accessed. Generally speaking the routes in the config object are matched from top to bottom (or beginning to end), the first matched path is used.

answered Aug 7, 2019 at 0:52

tim545

1,5331 gold badge11 silver badges12 bronze badges

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

2 Comments

Darryl Wagoner WA1GON Over a year ago

Good try, but didn't really make a difference. I guess I could do a redirect on the server if it finds /Scripts/ng, but feels kind of hacky.

tim545 Over a year ago

Ah ok that's a shame, this might a long shot but I always set the server to redirect all 404 and 403 requests to /index.html with a 200 status just to make sure that direct requests to any paths get through to the angular router instead of being kicked back from the server, not sure if that's relevant in this case though

Darryl Wagoner WA1GON · Accepted Answer · 2019-08-14 20:21:09Z

0

After changing to <base href="/"> and changing { provide: APP_BASE_HREF, useValue: '/' }, it started working the way I expected. Not sure I totally understand but that is for another day.

answered Aug 14, 2019 at 20:21

Darryl Wagoner WA1GON

1,0491 gold badge15 silver badges33 bronze badges

Collectives™ on Stack Overflow

Angular address bar using base URL instead of route URL

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related