在刷新启用$ locationprovider.html5mode(true)之后，刷新404错误

我正在开发AngularJS上的应用程序。我尝试从URL中删除" index.html＃/"，并用过

$locationProvider.html5Mode(true);

在我的路由文件中（下面提供的完整代码段）。现在，我从URL中删除"＃"的主要问题已解决，但是出现了一个新的错误，即当我在视图时，即localhost:2124/Bill-Payment，然后按CTRL + F5我的应用程序将我重定向到404/默认路由，该路由是我在route.js文件中设置的默认路由。现在我想要的是"当我刷新我的视图时，我会落在同一视图/页面上，而不是默认情况下。

angular.module('app.routes', [])
.config(function ($locationProvider,$stateProvider, $urlRouterProvider, $uiViewScrollProvider) {
   // MAIN ROUTE
    $stateProvider

    // START PAGE ROUTE END

    // LOGIN PAGE ROUTE START
        .state('login', {
            url: '/Bill-Payment',
            templateUrl: 'templates/login/login.html',
            controller: 'loginController'
        })

    // NEW MAIN ROUTE END
    $uiViewScrollProvider.useAnchorScroll();
    // $locationProvider.html5Mode(true).hashPrefix('!');
    // OTHERWISE ROUTE
    $urlRouterProvider.otherwise("/Index");

});

任何帮助将不胜感激。