浏览器页面加载失败

我正在创建一个ASP。. NET Core SPA使用AngularJS和c#(用于API)，我有一个关于页面刷新的小问题。

例如，我有我的主页，有两个链接。这些链接是:- Home(重定向到:/Home)-客户端(重定向到:/Clients)

问题是，当我在/客户端路由，我刷新我的页面(F5)，重新加载后，我应该有相同的视图之前重新加载页面。

这是我的代码:

app.js

var app = null;
(function () {
'use strict';
appConfig.$inject = ['$routeProvider', '$locationProvider'];
app = angular.module('app', [
    'ngRoute',
    'ngResource'
]);
app.config(appConfig);
function appConfig($routeProvider, $locationProvider) {
    // Define the routes
    $routeProvider
        .when('/', {
            templateUrl: '/views/home.html',
            controller: 'homeController',
            title: 'Home'
        })
        .when('/clients', {
            templateUrl: '/views/clients.html',
            controller: 'clientsController',
            title: 'Clients'
        })
        .when('/clients/add', {
            templateUrl: '/views/addClient.html',
            controller: 'addClientController',
            title: 'Add new client'
        })
        .when('/404', {
            templateUrl: '/views/404.html',
            title: '404 Not found'
        })
        .otherwise({
            redirectTo: '/404'
        });
    $locationProvider.html5Mode(true);
}
app.run(['$rootScope', '$route', function ($rootScope, $route) {
    $rootScope.$on('$routeChangeSuccess', function () {
        document.title = 'Blume - ' + $route.current.title;
    });
}]);
})();

clientController.js

(function () {
    'use strict';
    angular
        .module('app')
        .controller('clientsController', clientsController);
    clientsController.$inject = ['$location', '$scope', '$resource', 'clientService']; 
    function clientsController($location, $scope, $resource, clientService) {
        $scope.clients = clientService.query();
    }
})();

clientService.js

(function () {
    'use strict';
    angular
        .module('app')
        .factory('clientService', clientService);
    clientService.$inject = ['$resource'];
    function clientService($resource) {
        return $resource('/api/client/:id');
    }
})();

web . config

<?xml version="1.0" encoding="utf-8"?>
<configuration>
  <system.webServer>
    <modules runAllManagedModulesForAllRequests="true" />
    <rewrite>
      <rules>
        <!--Redirect selected traffic to index--> 
        <rule name="Index Rule" stopProcessing="true">
          <match url=".*" />
          <conditions logicalGrouping="MatchAll">
            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
            <add input="{REQUEST_URI}" matchType="Pattern" pattern="^/api/" negate="true" />
          </conditions>
          <action type="Rewrite" url="/index.html" />
        </rule>
      </rules>
    </rewrite>
  </system.webServer>
</configuration>