启用 $locationProvider.html5Mode(true); 后刷新出现 404 错误；答案

【问题标题】：On refresh getting 404 error after enabling $locationProvider.html5Mode(true);启用 $locationProvider.html5Mode(true); 后刷新出现 404 错误；
【发布时间】：2017-03-04 18:23:57
【问题描述】：

我正在 angularjs 上开发一个应用程序。我试图从 url 中删除“index.html#/”并使用了

$locationProvider.html5Mode(true);

在我的 route.js 文件中（下面提供了完整的代码 sn-p）。现在我从 url 中删除“#”的主要问题已解决，但出现了一个新错误，即现在当我在视图中时，即 localhost:2124/Bill-Payment 并按 CTRL + F5 我的应用程序将我重定向到我在路由中设置的 404/默认路由.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");


});

任何帮助将不胜感激。

【问题讨论】：

标签： javascript angularjs routing

【解决方案1】：

这些都是你的路线吗？这里没有/Bill-Payment 路线。这意味着它将按照您的.otherwise 路由指定的/Index 进行

【讨论】：

兄弟，/Bill-Payment 只是我编辑代码的一个示例。