2016-05-22 18 views
0

Ich habe ein AngularJS Projekt, und wenn ich auf Refresh innerhalb der gamesList Seite klicken, bekomme ich eine leere Seite.AngularJS refesh show Leere Seite

das ist mein 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' 
    })); 
} 

Ich betreiben die Anwendung mit http-Server und wenn ich die Refresh-Button im Protokoll traf ich erhalten:

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

Auch bemerkte ich, dass im Chrom-Entwickler ist die Quelle Änderungen:

Vorher:

enter image description here

Nach:

enter image description here

Jede Idee für dieses Problem?

+0

Haben Sie Server für 'html5Mode' virtuelle Verzeichnisse eingerichtet? – charlietfl

+0

@charlietfl was meinst du? Ich habe nichts eingerichtet – MTA

+1

Nun, wenn Sie Server nicht ordnungsgemäß konfigurieren, dann können Sie 'html5mode' nicht verwenden. Siehe '$ locationProvider' Dokumente. – charlietfl

Antwort

0

Wenn Sie nicht wissen, konfigurieren, was dieses Problem verursacht, nur $ locationProvider von Ihrem .config in app.js entfernen ...

I entfernt, um die $ locationProvider so wird Problem gegangen, aber ich habe

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

aber verwenden die '#' kommt in der URL ...