AngularJS ルーティングで URL からハッシュを削除するにはどうすればよいですか?

AngularJS でのルーティング: ハッシュの回避

AngularJS では、$routeProvider を使用してアプリケーションのルーティング ルールを定義できます。デフォルトでは、これらの URL には app/#/test 形式のハッシュ (#) が含まれています。

AngularJS はなぜハッシュを使用するのですか?

ハッシュは、次のようなブラウザのフォールバックとして使用されます。 HTML5 の History API はサポートされていません。これらのブラウザでは、ハッシュを含む URL に移動すると、サーバーへの HTTP リクエストではなくクライアント側のイベントがトリガーされます。これにより、AngularJS がルーティングを処理し、サーバーが不必要にヒットするのを防ぐことができます。

ハッシュの無効化

URL でのハッシュの使用を回避するには、$locationProvider.html5Mode(true) を使用できます。構成。これにより、利用可能な場合は HTML5 History API を使用するように AngularJS に指示されます。

例は次のとおりです:

app.config(function($locationProvider) {
  $locationProvider.html5Mode(true);
});

ブラウザのサポート

HTML5 History API は最新のブラウザでのみサポートされています。サポートされているブラウザのリストは、Can I Use の Web サイトでご覧いただけます: http://caniuse.com/#feat=history

古いブラウザをサポートする必要がある場合は、ハッシュをURL を指定するか、History API のポリフィルを提供します。

以上がAngularJS ルーティングで URL からハッシュを削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。