Javascript Angular应用程序在github.io上抛出404错误

我已经编写了一个相当简单的应用程序，并将其放在github上，这样就可以在网上查看。但URL似乎有问题（或者其他问题！）。我设法使其在本地主机上工作的唯一方法是在导航栏中使用#符号，并在配置函数中使用常规url（不使用#）：

<ul class="nav navbar-nav navbar-right">  
    <li ng-class="{ active: isActive('/')}"><a href="/#/">Home</a></li>
    <li ng-class="{ active: isActive('/games')}"><a href="/#/games">Games</a></li>
    <li ng-class="{ active: isActive('/contact')}"><a href="/#/contact">Contact</a></li> 
</ul>


app.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
    $routeProvider
    .when('/', {
        controller: 'Posts',
        templateUrl: 'controllers/posts.html'
    })
    .when('/games', {
        controller: 'Games',
        templateUrl: 'controllers/games.html'   
    })
    .when('/contact', {  
        controller: 'Games',
        templateUrl: 'controllers/contact.html' 
    })
    .when('/:id', {  
        controller: 'Games',
        templateUrl: 'controllers/reviews.html'
    })
    .otherwise({
        redirectTo: '/'
    });
}]);

app.config（['$routeProvider'，'$locationProvider'，函数（$routeProvider，$locationProvider）{
$routeProvider
。当（“/”{
控制员:"职位",，
templateUrl:'controllers/posts.html'
})
。当（“/游戏”{
控制员:"游戏",，
templateUrl:'controllers/games.html'
})
.when（'/contact'，{
控制员:"游戏",，
templateUrl:'controllers/contact.html'
})
.when（'/:id'，{
控制员:"游戏",，
templateUrl:'controllers/reviews.html'
})
.否则({
重定向到：'/'
});
}]);

但是它在github.io上不起作用，只有第一页起作用。当我点击

games

按钮时，它会显示

404找不到文件

---

当然，我在controllers文件夹中有所有html文件。

你的href中有一个额外的

/

删除前导项，因为它指示转到域根

<a href="/#/contact">Contact</a>

应该是：

<a href="#/contact">Contact</a>

这只会在href中留下一个哈希值