2016-05-22 137 views
0

我有一個AngularJS項目,當我點擊gamesList頁面內的刷新時,我得到一個空白頁。AngularJS refesh顯示空白頁

這是我app.js:

var app = angular.module("app",['ngRoute','superCtrl']); 

app.config(routeConnect); 

function routeConnect($routeProvider,$locationProvider){ 

    $locationProvider.html5Mode({ 
     enabled: true, 
     requireBase: false 
    }); 

$routeProvider 
    .when('/',{ 
     templateUrl:'/App/templates/home.html', 
     controller:'navCtrl' 
    }) 
    .when('/gamesList', { 
     templateUrl:'/App/templates/gamesList.html', 
     controller:'gamesListCtrl' 
    })); 
} 

我運行HTTP的服務器的應用程序,當我在日誌中擊中刷新按鈕,我得到:

"Get /gamesList" Error(404):"Not Found" 

此外,我注意到, Chrome開發源是變化:

前:

enter image description here

後:

enter image description here

任何想法這個問題?

+0

您是否設置了處理'html5Mode'虛擬目錄的服務器? – charlietfl

+0

@charlietfl你是什麼意思?我沒有設置任何東西 – MTA

+1

那麼如果你沒有適當地配置服務器,那麼你不能使用'html5mode'。請參閱'$ locationProvider'文檔。 – charlietfl

回答

0

如果你不知道是什麼原因導致這個問題,剛剛從app.js您的.config刪除$ locationProvider ...

我拆掉$ locationProvider使問題消失了,但我必須使用

`http://localhost:8080/#/home

但'#'出現在url中...