AngularJS - Configure multiple base tags

Question

When using angularjs, there is the # that needs to be removed. To accomplish that you need to set the following:

$locationProvider.html5Mode(true);

and also add the base tag so when the page refreshes it works normally. The point is if it's defined as <base href="http://example.com/"> then it only works from this url. i.e I can not access the website from www.example.com.

So is there a way to configure some sort of multiple base so that when one fails, it gets replaced with the other?

docs.angularjs.org/error/$location/nobase

rejo
– rejo

2016-03-31 13:09:10 +00:00
Commented Mar 31, 2016 at 13:09 — rejo
– rejo, Commented Mar 31, 2016 at 13:09

Daniel · Accepted Answer · 2016-03-31 13:09:24Z

2

<base href="/"></base> - for ROOT webapps.

<base href="/webappName/"></base> - for non ROOT webapps.

Also, you only need to use the the <base> tag if you have relative <a> tags.

answered Mar 31, 2016 at 13:09

Daniel

6,5517 gold badges39 silver badges64 bronze badges

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

Comments

Eduardo Pereira · Accepted Answer · 2016-03-31 13:11:04Z

1

You can use:

<base href="/">

Or if you don't want to use base:

$locationProvider.html5Mode({ enabled: true, requireBase: false });

answered Mar 31, 2016 at 13:11

Eduardo Pereira

8801 gold badge9 silver badges19 bronze badges

Collectives™ on Stack Overflow

AngularJS - Configure multiple base tags

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related