启用$ locationProvider.html5Mode后刷新获取404错误(true);

时间:2017-03-04 18:23:58

标签: javascript angularjs routing

我正在开发angularjs上的应用程序。我试图删除" index.html#/"来自网址并使用

$locationProvider.html5Mode(true);

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

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");


});

任何帮助都将不胜感激。

1 个答案:

答案 0 :(得分:0)

这些都是你的路线吗?这里没有/Bill-Payment路线。这意味着它将按照/Index路径

的指定转到.otherwise