Routing in subdirectory in Angular.js

Question

Is it possible to develop an Angular.js application in a way that would be abstracted from the the web directory path in which it will be deployed?

I am trying to put an Angular.js app in a web server subdirectory http://example.com/myproject/, but the router redirects me to the web server root -- http://example.com.

Below is my Angular.js app:

var myproject = angular.module('myproject', []);

myproject.config(function($routeProvider, $locationProvider) {
  $routeProvider.
    when('/', {templateUrl: 'partials/index.html', controller: IndexCtrl}).
    otherwise({redirectTo: '/'});

  $locationProvider.html5Mode(true);
});



function IndexCtrl($scope, $location) {

}

plus one for the user name :)

silver
– silver

2015-10-21 07:52:54 +00:00
Commented Oct 21, 2015 at 7:52 — silver
– silver, Commented Oct 21, 2015 at 7:52

Ben Lesh · Accepted Answer · 2012-10-12 13:05:42Z

25

Try setting a <base href="/sudirectory"/> in your <head></head>. That's what I needed to do to get mine working, IIRC

Word of caution: This will mess with any anchor tags that have href="#", as well as act as the root for image srcs and the like.

answered Oct 12, 2012 at 13:05

Ben Lesh

109k47 gold badges251 silver badges233 bronze badges

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

2 Comments

sssilver Over a year ago

Another tip that could potentially help: don't forget to use relative paths instead of absolute for the router partial template resources, after setting <base>.

Dean Or Over a year ago

Works for relative paths, but I have AJAX calls that are specified as 'getSomething/'which would work except I needed to set them as '/getSomething/' since it would otherwise get appended to the URL which may have other routing information in it. I want the AJAX calls to resolve to 'mydomain/getSomething/' but if my Angular router has me at 'mydomain/article/1/' it gets appended. I had no choice but to create a global base_url variable and prepend it to all my AJAX URLs. Would be nice to just set this as a config within Angular, but luckily the project is small enough to just do by hand.

Collectives™ on Stack Overflow

Routing in subdirectory in Angular.js

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related