ngRoute set base url for all routes

Question

Is it possible to add a base url to all routes in an AngularJS app? Essentially changing its location on the server (kind of, if that makes sense..

Answer 1

Setting the <base> HTML5 tag might help. From the documentation here:

Relative links

Be sure to check all relative links, images, scripts etc. You must either specify the url base in the head of your main html file (<base href="/my-base">) or you must use absolute urls (starting with /) everywhere because relative urls will be resolved to absolute urls using the initial absolute url of the document, which is often different from the root of the application.

Running Angular apps with the History API enabled from document root is strongly encouraged as it takes care of all relative link issues.

Answer 2

The location for the base href must have trailing /. For example:

<base href="location" />

will not work. It must be in this format:

<base href="location/" />