在Angular.js中的子目录中路由

时间:2012-10-12 12:15:04

标签: url-routing angularjs

是否有可能以一种将从其部署的Web目录路径中抽象出来的方式开发Angular.js应用程序?

我正在尝试将Angular.js应用程序放在Web服务器子目录http://example.com/myproject/中,但路由器会将我重定向到Web服务器根目录 - http://example.com

以下是我的Angular.js应用程序:

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) {

}

1 个答案:

答案 0 :(得分:25)

尝试在<base href="/sudirectory"/>中设置<head></head>。这就是我需要做的工作,IIRC

注意事项:这将会破坏任何具有href =“#”的锚标记,并充当图像srcs之类的根。