2016-07-21 6 views
1

ご協力ありがとうございます。角度(ui-router)ルーティングは完全に機能していませんか?ベースURLを経由してURLに直接アクセスできない

私のルーティングが完全に機能していない理由を把握するのに苦労しています。私は説明するつもりです。

私は角度アプリの設定段階で定義した経路につながるドロップダウンオプションを備えたナビゲーションバーを持っています。

HTML

<head> 
... 
<base href="/"> 
... 
</head> 
... 
(inside navbar) 
<ul class="dropdown-menu"> 
    <li><a ui-sref="Check">Check</a></li> 
</ul> 
... 

JS(設定)

app.config(['$stateProvider', '$urlRouterProvider', '$locationProvider', function($stateProvider, $urlRouterProvider, $locationProvider) { 
    $locationProvider.html5Mode(true); 


$stateProvider 

// HOME STATES AND NESTED VIEWS ======================================== 
    .state('home', { 
    url: '/home', 
    controller: 'HomeCtrl', 
    templateUrl: 'app/components/home/home.html' 
}); 

// SERVICE VIEWS ================================= 

$stateProvider 
    .state('Check', { 
     url: '/Check', 
     templateUrl: 'app/components/Check/Check.html', 
     controller: 'CheckCtrl' 
    }); 
$urlRouterProvider.otherwise('/'); 

}])。

私は家を経由してアクセスするとすばらしいことになります(index.html - > navbarをクリックしてCheckにアクセス)。テンプレートが正しく読み込まれます。 しかし、私がそのビューに直接アクセスしようとしているとき、何もロードされません。空白の画面。

まとめると: アクション: アクセスはlocalhost:8080 - >をすべてがOK アクセスはlocalhostを実行します:8080 /に直接確認してください - >シングル事がロードされていません。

私はここにいなくなっています。

ご協力いただきありがとうございます。

+0

http:// localhost:8080 /#/ checkは動作しますか? – Umamaheswaran

+0

はい、動作します! #私はそれを使用したくないので#を削除しようとしたが、それがなければ、それはルートや何かを見つけることができないようだ?私はこれをどのように修正できるか知っていますか?ありがとう! – Nikos4Life

答えて

0

server.jsファイルを置くことはできますか?

私はあなたが次のようになりますいくつかのラインが欠けていると思う:

app.use("/app", express.static(__dirname + "/app")); 
+0

私は@Ummaheswaranを使っていますが、それを修正してURLに#を使わないようにする方法はわかりません。すべてのヒント?とにかくあなたの時間のためにありがとう:) – Nikos4Life

0

頻繁に彼らのwikiに質問から:

どのように

:html5Mode

で動作するようにサーバーを構成します

$ locationProvider.html5Mode(真)を追加すると、私のサイトはURLの貼り付けを許可しません。 html5Modeがtrueのときにサーバーを動作させるように設定するにはどうすればよいですか?

html5モードを有効にすると、#文字はあなたのURLに使用されなくなります。 #記号は、サーバー側の構成を必要としないので便利です。 #がなければ、URLははるかに良く見えますが、サーバー側の書き換えも必要です。それを行うにはどのように

https://github.com/angular-ui/ui-router/wiki/Frequently-Asked-Questions#how-to-configure-your-server-to-work-with-html5mode

あなたが実行しているサーバーの種類によって異なり、それが上記のすべてのリンク先の記事で説明しています。

関連する問題