Angular js 1, Routing, locationProvider, 404 error

Question

Мне удалось удалить хэш # из моих URL-адресов, установив locationProvider.html5Mode в true, но возникла другая проблема. Ничего не отображается, и на моей консоли он дает мне ошибку .

Мне хорошо известно, что этот вопрос задавался несколько раз, но я пробовал все эти решения без успеха. Любезно помочь.

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

В Index.html, вам больше не нужно '#' как '$ locationProvider.html5Mode (истина);' позаботится об этом. поэтому href на ваших ссылках должен просто быть «/» плюс страница, которую вы требуете, например.

<a href='/home'> 

или

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