Benim app için HTML5 modu etkinleştirmek istiyorum. here gösterildiği gibi yapılandırma için aşağıdaki kodu.:

return app.config(['$routeProvider','$locationProvider', function($routeProvider,$locationProvider) {

    $locationProvider.html5Mode(true);
    $locationProvider.hashPrefix = '!';

    $routeProvider.when('/', {
        templateUrl: '/views/index.html',
        controller: 'indexCtrl'
    });
    $routeProvider.when('/about',{
        templateUrl: '/views/about.html',
        controller: 'AboutCtrl'
    });

Gördüğünüz gibi, locationProvider $kullandım.html5mode ve ben ng-ref, Tek Link / # / dışlamak için değişti.

Sorun

Şu anda:9000/ localhost ve dizin sayfasına bakın ve localhost gibi diğer sayfalara:9000/gezinmek için gidebilirim.

Ancak sorun localhost:9000/sayfa yenilediğimde oluşur. Aşağıdaki çıktıyı alıyorum: Cannot GET /about

Eğer ağ aramaları bakarsam:

Request URL:localhost:9000/about
Request Method:GET

Eğer ben ilk:9000/ localhost ve bir düğmeye basın, sonra da gitmek ise o olsun hakkında /gider:

Request URL:http://localhost:9000/views/about.html

Mükemmel bir sayfa işler.

Nasıl yenileme ne zaman doğru sayfa için açısal etkinleştirebilirim?

Şimdiden teşekkür ederim.

angular docs

Sunucu tarafı
Bu modu kullanarak URL sunucu tarafında yeniden yazma gerektirir, temelde uygulamanın giriş noktası (örneğin index.html tüm bağlantıları yeniden yazacaksın

Bu nedenle bu olduğu zaman ilk ziyaret edilen sayfa (/), örneğin, sonra bir yenile, tarayıcı bilmenin bir yolu yoktur vardır ki bu değil gerçek bir url, öyle devam eder ve yükler. Ancak eğer yüklü kök sayfa ilk ve javascript kodu, o zaman gidin /about açısal olabilir oraya önce tarayıcı çalışır vurmak sunucu ve idare buna göre