Angular js 1, Routing, locationProvider, 404 Fehler

Question

Ich schaffte es, die Hash # von meinen URLs zu entfernen, indem locationProvider.html5Mode auf True gesetzt, aber ein anderes Problem entstand. Nichts wird angezeigt, und auf meiner Konsole gibt es mir eine 404 Fehler.

Ich bin mir bewusst, dass diese Frage mehrmals gestellt wurde, aber ich habe alle diese Lösungen ohne Erfolg versucht. Bitte helfen.

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

app.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) { 
    $locationProvider.html5Mode(true); 
    $routeProvider 
    .when('/', { 
     templateUrl: 'home.html', 
     //controller:'homecontroller' 
    }) 
    .when('/home', { 
     templateUrl: 'home.html', 
     //controller:'homecontroller' 
    }) 
    .when('/best-prices-buy-phones-in-kenya', { 
     templateUrl: 'pages/buy-phones.html', 
     //controller:'aboutcontroller' 
    }) 
    .when('/best-prices-buy-phones-in-kenya2', { 
     templateUrl: 'pages/buy-phones-htc.html', 
     //controller:'servicecontroller' 
    }) 
    .when('/contact_us', { 
     templateUrl: 'contact-page.html', 
     //controller:'contactcontroller' 

    }); 
}]); 

Answer 1

In Index.HTML, Sie nicht mehr benötigen '#' als '$ locationProvider.html5Mode (true);' kümmert sich darum. also sollte die href auf Ihren Links einfach nur ein '/' plus die Seite, die Sie benötigen, z.

<a href='/home'> 

oder

<a href='/best-prices-buy-phones-in-kenya'>