页面刷新给出404

Question

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

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

这是我的路由代码片段

    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 => 添加头标签。如果您的应用程序在文件夹中，那么您需要添加如下文件夹：

2. config.js => 在函数参数和下面的代码中添加$locationProvider：

   app.config(函数($routeProvider,$locationProvider)
   $locationProvider.html5Mode({ 启用：真， 要求基础：假 });

3. 你的 href 应该像 ng-href="home" 即不要使用 #or !

4. 就是这样。