basePath not working as expected

[Wiering]

I'm trying to run this app on a subdirectory on my domain at mydomain.com/polymertest/

So, according to index.html, I add "basePath": "polymertest", to polymer.json, and after building, the code now contains <base href="/polymertest/">

This works partially, the app loads the top and left sidebar, but the content part says: Oops you hit a 404. Head back to home (and home links to mydomain.com instead of mydomain.com/polymertest/).

Now, if I click View One in the menu, it actually works, but the url changes to mydomain.com/view1 which is wrong (the same with View Two and View Three).

Of course, if I go to mydomain.com/view1, the page is not found. But mydomain.com/polymertest/view1 doesn't work either.

[jsilvermist]

I would write it as an absolute path like "/polymertest/", and you should also edit this line.

If you're not using differential serving^[1][2], you can use basePath in polymer.json for both by changing it to:

window.Polymer = {rootPath: document.querySelector('base').href};

The base tag handles resolving file and import paths, but without setting Polymer.rootPath the bindings used for the routes will still be set to the root path.