AngularJS html5mode页面刷新无法正常工作

Question

我在angularjs项目中启用了html5mode并且工作正常但是当我刷新页面时我只获得没有index.html代码的局部视图。我尝试过很多东西，但似乎没什么用。

文件夹结构

的index.html

app.js

的.htaccess

/家

- home.html

- home.js

的index.html

<base href="/">

app.js

.config(function($routeProvider, $locationProvider) {
  $routeProvider.otherwise({redirectTo: '/home'});
  $locationProvider.html5Mode(true).hashPrefix('!');
})

home.js

.config(function($routeProvider, $locationProvider) {
  $routeProvider.when('/home', {
    templateUrl: '/home/home.html',
    controller: 'HomeCtrl'
  });
})

的.htaccess

<ifModule mod_rewrite.c>
    RewriteEngine On
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_URI} !index
    RewriteRule (.*) index.html [L]
</ifModule>