Making base url case insensitive with angular 2 router

Question

I have an application that does not get deployed at the root of our site, it lives at site.com/TRAP_beta and a component route defined like this { path: '', component: TrapFormComponent }. I set the base url tag as <base href="/TRAP_beta/">.

When I navigate to site.com/TRAP_beta all is good with the world and the application works as intended, but if I navigate to site.com/trap_beta or any other cased version of the url, then router cannot find the path and it breaks.

How do I go about making the urls case insensitive to angular 2?

I answered a similar question: stackoverflow.com/questions/41742651/… — Bruno Medeiros
– Bruno Medeiros, Commented Jul 13, 2018 at 7:34

Bruce Kellerman · Accepted Answer · 2016-07-27 12:56:19Z

1

I ended up dynamically making the base element in a script tag that runs before anything else gets loaded.

    var path = location.pathname.substr(1).match(/[a-z_0-1]*/i)[0];
    var base = document.createElement('base');
    base.href = '/' + location.pathname.substr(1).match(/[a-z_0-1]*/i)[0] + '/';
    document.head.appendChild(base);

This seems to be resolving my issue and allowing me to continue to use router.navigate over navigateByUrl.

answered Jul 27, 2016 at 12:56

Bruce Kellerman

1817 bronze badges

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

1 Comment

Aran Dekar Over a year ago

I did this: http://stackoverflow.com/a/39737719/2071008

Rahal Danthanarayana · Accepted Answer · 2016-07-27 12:28:19Z

0

Try to use router.navigateByUrl('/'+'nextValue'); instead of router.navigate(['nextValue']);.Because the instruction will be get based upon the URL provided.

answered Jul 27, 2016 at 12:28

Rahal Danthanarayana

74415 silver badges30 bronze badges

3 Comments

Bruce Kellerman Over a year ago

What about the initial load of the application? The route with the path '' doesn't even load if you don't go to TRAP_beta over any other variation.

Rahal Danthanarayana Over a year ago

I can't say much about with out looking into your code.Did you try to change the method to navigatebyUrl where you tried to navigate explicitly

Bruce Kellerman Over a year ago

None of this was an issue with navigate links. The app itself threw an error before rendering a single component because it couldn't resolve any routes if the base url wasn't the same case sensitivity as what you put in.

Collectives™ on Stack Overflow

Making base url case insensitive with angular 2 router

2 Answers 2

1 Comment

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related