When using "base href" ui-router generates wrong urls

[drozzy]

Proper urls are not generated properly by ui-sref when <base href="/foo/bar/" /> is present.

My angular app is hosted in the foo/bar directory.
In my index.html:

<base href="/foo/bar/" />

my routes are like:

.state('mystate', {
        url: '/statelocation',
        ... })

and here is how I reference the state in the template:

<a ui-sref='mystate'>Go to my state!</a>

And instead of outputting:

<a href="statelocation">Go to my state!</a>

I get (note the slash):

<a href="/statelocation">Go to my state!</a>

[nissoh]

if you're not worried about xss, document.write('<base href="' + document.location + '" />'); might help.

you could generate the location via generated script by the server aswell

[dlukez]

What happens if you remove the slash from the state declaration?

[anton000]

same issue here

[bstruthers]

@dlukez If you remove the slash, the URL generated is correct. However, the URL routing breaks because it can no longer match that route.

[ezpuzz]

Having the same issue

[nateabele]

Can you show me a page that demonstrates the issue?

[Guuz]

Same issue here.
For example my base tag could look like this:

<base href="/en/"/>

The app works with ui-router. Clicking links is handled correctly and only the part in the url after /en/ is updated by angular (ui router).
But for instance when I CTRL click (new tab) the generated URL does not contain the language (base href).

Screenshot showing a hover on "more details":

Is this enough information? I really need to find a fix or workaround because this bug is breaking the app and we can't have that.

[timkindberg]

Will be fixed in next release by #528

[Guuz]

@timkindberg
Thanks for this!
Any estimate on when there will be a new release? Else I will have to cherry pick this fix and I would rather not do that.

[timkindberg]

Couple weeks?

[Guuz]

Ok. That's probably too long for us to wait. I'll have to see if I can patch v0.2.8 with this fix and use that until the next release.
Thanks though!

[nateabele]

Any estimate on when there will be a new release?

@Guuz Two hours ago.

[Guuz]

Thanks! That's a pretty good estimate ;-)

[catazep]

I am not sure you have the same problem as I do, but this issue ruined my day, and after hours of trying to fix it beautiful I used this workaround http://stackoverflow.com/questions/34211894/angular-ui-router-ui-sref-links-arent-prepending-the-hash-when-filling-in-href/34775725#34775725