页面刷新给出了404

Question

我使用角度路由器来路由我的应用程序，我想使用html5mode。

路由工作正常，但是当刷新我的页面（在浏览器上）时，我收到404错误。

这是我的路由代码snipet

    angular.module ('app', ['ngRoute', 'home', 'login', 'admin'])

.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
    $routeProvider
    .when('/', {
        templateUrl: 'app/components/home/home.html',
        controller: 'homeController'
    })
    .when('/login', {
        templateUrl: 'app/components/login/login.html',
        controller: 'loginController'
    })
    .when('/outils-de-gestion', {
        templateUrl: 'app/components/admin/admin.html',
        controller: 'adminController'
    })

    $locationProvider.html5Mode(true);
}])

.controller ('appController', ['$scope', function ($scope){

}])

我做错了什么？有没有人对此有所了解？

Answer 1

此解决方案适用于angularJs。

1. index.html =>添加head标签。如果您的应用程序位于文件夹中，则需要添加以下文件夹：

2. config.js =>在函数param和以下代码中添加$ locationProvider：

   app.config（function（$ routeProvider，$ locationProvider）
   $ locationProvider.html5Mode（{     已启用：true，     requireBase：否 }）;

3. ，并且您的href应该喜欢ng-href =“ home”，即不要使用#or！

4. 就是这样。