2016-08-13 11 views
1

locationProvider.html5Mode,に設定して、私のURLからハッシュ#を削除できましたが、別の問題が発生しました。何も表示されず、私のコンソールにという404エラーが表示されます。角度js 1、Routing、locationProvider、404エラー

私は、この質問が何度か尋ねられていることはよく知っていますが、私はこれらの解決策をすべて試してみました。親切にお手伝いします。 Index.htmlとは

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' 

    }); 
}]); 
+0

あなたのビューを表示! – Sajeetharan

+0

こんにちは。 @Sajeetharanは親切にこれを見つけるhttps://plnkr.co/edit/bB2pSplv3dRdGlDE9Rv2?p=preview plunker –

答えて

0

、あなたはもはや必要 '#' として '$ locationProvider.html5Mode(真);'これを処理します。あなたのリンク上のhrefは単に '/'だけでなく、あなたが必要とするページになるはずです。

<a href='/home'> 

または

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