AngularJS $locationProvider.html5Mode(true) Base Url issue

Question

My application base url is http://localhost/abc/, when I define the angular routing, the angular removes the /abc from the base url and redirect the page to http://localhost/index.html. The Url should be http://localhost/abc/index.html.

See the following code for angular routing:

var routeConfig = function ($routeProvider, $locationProvider) {
    $routeProvider.
        when('/',{
            templateUrl: "index.html", // URL : http://localhost/abc/index.html
        }).
        when('/about',{
            templateUrl: "about.html", // URL : http://localhost/abc/about.html
        }).
        when('/contact',{
            templateUrl: "contact.html", // URL : http://localhost/abc/contact.html
        }).
      otherwise({
          redirectTo: "/"
      });
    $locationProvider.html5Mode(true);
}
routeConfig.$inject = ['$routeProvider', '$locationProvider'];

Please help to overcome this issue

Felix_Billon · Accepted Answer · 2014-12-03 08:10:09Z

3

That's normal. You need to add <base href="/abc" /> in your <head> tag. When you use html5Mode it will use this tag to set the base url.

answered Dec 3, 2014 at 8:10

Felix_Billon

7302 gold badges10 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJS $locationProvider.html5Mode(true) Base Url issue

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related