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

sss*_*ver 20 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) {

}
Run Code Online (Sandbox Code Playgroud)

Ben*_*esh 25

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

注意事项:这将使任何具有href ="#"的锚标签混乱,并充当图像srcs之类的根.

  • 另一个可能有用的提示:在设置<base>之后,不要忘记使用路径部分模板资源的相对路径而不是绝对路径. (5认同)