AngularJS - locationProvider not working / base tag停止角度工作

Question

我正在尝试通过使用locationProvider启用html5来添加相对url到我的单页角度应用程序而没有哈希值，但我遇到了基本标记的问题。

当我这样添加时：

<base href="/" />

该网站没有问题。

-

当我将其更改为：

<base href="./" />

样式加载，但所有角度代码都停止工作，因此视图不会出现，点击链接不会做任何事情。

-

我的文件结构是这样的：

'dashboard' folder
    app.js
    index.html
    'pages' folder
        home.html
        page2.html
        etc...
    'js' folder
        angular.js
    'css' folder
        style.css

-

app.config代码：

app.config(function($routeProvider, $locationProvider) {
$routeProvider    
    .when('/', {
        templateUrl: 'pages/home.html',
        controller: 'mainController as main'
    })

    .when('/home', {
        templateUrl: 'pages/home.html',
        controller: 'mainController as main'
    })

    .when('/newPayroll', {
        templateUrl: 'pages/page2.html',
        controller: 'page2Controller as page2'
    })

    .when('/employeesList', {
        templateUrl: 'pages/page3.html',
        controller: 'page3Controller as page3'
    })
$locationProvider.hashPrefix('');
$locationProvider.html5Mode(true);
})

-

href链接是这样的：

<a href="/home">