Back button broken in Chrome when setting location.href in HTML5 mode

[circlingthesun]

When clicking a link from http://example.com/ to http://example.com/app where /app runs angular with HTML5 mode and the baseURL set to /app, the following error is raised when you press the back button:

Error: [$location:ipthprfx] Invalid url "http://example.com/", missing path prefix "http://example.com/app/"

The offending line:
var pathUrl = beginsWith(appBaseNoFile, url);

Can be found here:

angular.js/src/ng/location.js

Line 107 in a509e9a

var pathUrl = beginsWith(appBaseNoFile, url);

pathUrl returns undefined which results in an error being thrown and the page not navigating back to http://example.com/ as expected.

[bruunofco]

Hello,
Displays the script that you are using to return the page.
And send an example in Plunker your code so we can better help you.

[circlingthesun]

I've reproduced this here: http://public.jacklab.co.za/

[circlingthesun]

Click the link, then click back.

[circlingthesun]

In reproducing this I noticed that this only happens when the next page is navigated to by setting window.location.href. The reason for doing this is that the router at / sometimes intercepts links pointing to pages under the router at /app. Setting window.location.href allows me to bypass the router at /.

[circlingthesun]

Also, this error does not happen in Firefox. I've only confirmed the bug in chrome 41.

[Narretz]

@petebacondarwin I assigned you since you said you where looking into location issues, hope that's okay.

[petebacondarwin]

@circlingthesun - I think we may have fixed this bug in 6903b5e.

I copied down your reproduction of the issue to localhost but I couldn't get it to fail. Are you doing something clever on your server?

Can you try out the version at https://code.angularjs.org/snapshot?

[circlingthesun]

I just updated the code to point the snapshot but the error still happens. I'm not doing anything fancy on the server. The site resolves to index.html and /app resolves to app.html. My nginx config is as follows:

server {
    root /home/rickert/Public;
    server_name public.*;

    location / {
        autoindex on;
    }

    location /app {
        try_files /app.html =404;
    }
}

[petebacondarwin]

OK, so here is a failing Plunker: http://plnkr.co/edit/wQ7WxkIPTL1L8p5VnkxR?p=preview

[petebacondarwin]

If you use target="_self" then you don't need the window.location.href hack and there is no error.
See http://plnkr.co/edit/szmCMV1j8HWSM9ODdmb3?p=preview

[circlingthesun]

That'll work when there is a link. In my actual codebase I have a login modal that redirects to /app. Is there perhaps another way to get around this?

[petebacondarwin]

@circlingthesun - can you take a look at my proposed fix: #12361

[circlingthesun]

This does appear to fix the issue. (see http://public.jacklab.co.za/)

[petebacondarwin]

Closed by 9e492c3