I want to get the base path of my Angular app.
Right now I'm doing this: $scope.baseUrl = '$location.host()
But I only get this: /localhost. My current baseURL is http://localhost:9000/.
8 Answers
An alternative answer is using the $window service in conjunction with $location.absUrl() to create a new URL object, and then grab the origin via the origin property. This will give you exactly what you're looking for (minus the trailing '/').
$scope.baseUrl = new $window.URL($location.absUrl()).origin; will give you back http://localhost:9000 in your case.
Comments
Try this: $location.$$absUrl
console.log('$location',$location.$$absUrl);
btw /localhost is your base path, but I guess you meant entire URL.
1 Comment
Hassan Mahmud
You should not be using properties & functions that begin with $$ instead find a supported angular way of doing it. E.g. using the absUrl() method
To get just the baseurl and nothing else use
$browser.baseHref()
it will return something like
/central/
2 Comments
Phung D. An
upvoted but this is private API and I prefer the result as someweb/somepath
AsGoodAsItGets
This should be the accepted answer,
$location doesn't provide what the OP wanted.A cross browser solution that worked for me was:
$location.$$absUrl.replace($location.$$url, '')
$$absUrl is the entire url (e.g. https://google.com/search/spiders)
$$url is the part after the host (e.g. /search/spiders)
Modify to taste.
Comments
try injecting $location it has an absUrl() method on it that will return the entire current url
Comments
If you only want to get the base url of the site, and not the current url of the page, e.g. from https://www.google.com/somewhere/in-the-middle-of-nowhere you want to get https://www.google.com, then simply do:
// For www.google.com
$scope.baseUrl = $locaton.$$host;
// For https://www.google.com
$scope.baseUrl = $location.$$protocol + '://' + $location.$$host;
Comments
Instead of using $scope.baseUrl = '$location.host()
Use this one :-
$scope.baseUrl = $location.absUrl();
Comments
I am late for the party, however I think location.pathname can be better.
answered Jan 20, 2021 at 16:10
David Pérez Cabrera
5,0582 gold badges27 silver badges39 bronze badges
$location.port()absUrl()probably ? Check: docs.angularjs.org/api/ng/service/$location$scope.baseUrl = $location.protocol() + "://" + location.host;