Vueのハッシュとヒストリーの違い

Vue ルーティングのハッシュ モードと履歴モードの違いは次のとおりです。 URL 形式: ハッシュは # プレフィックスを使用し、履歴は通常のパスを使用します。ブラウザ処理: ハッシュはブラウザによってのみ処理され、サーバーには送信されません。履歴は履歴 API を使用して、ページをリロードするためのリクエストを送信します。長所と短所: ハッシュはブラウザーとの互換性が高く、サーバー側の構成は必要ありませんが、URL は美しくありません。履歴 URL は美しく、バックエンド ルーティングとサーバー側のレンダリングを使用できますが、サーバー側の構成が必要です。

Vue におけるハッシュと履歴の違い

Vue では、ルーティングにはハッシュと履歴という 2 つのモードが用意されています。主な違いは、URL の形式とブラウザによる処理方法です。

URL 形式

• ハッシュ パターン: # プレフィックスを使用したハッシュ フラグメント (例: #) /home
• history mode: /home

ブラウザ処理などの通常のパスを使用します

• ハッシュ モード: ハッシュ フラグメントはサーバーには送信されず、ブラウザによってのみ処理されます。したがって、ページはリロードされず、フル パスが URL に表示されません。
• 履歴モード: ブラウザの履歴 API を使用すると、URL が変更されるとリクエストがサーバーに送信され、ページがリロードされます。

#利点と欠点

ハッシュ モード

• 利点:
  サーバー側の構成は必要ありません
  • ブラウザの互換性の向上
• 欠点: URL ハッシュの
  フラグメントがきれいではありません
  • バックエンド ルーティングを使用できません
  • サーバーサイド レンダリングでは使用できません

履歴モード

• 利点:
  URL が美しい
  • バックエンド ルーティングが使用できる
  • #と連携できるサーバー側レンダリング
## を使用する欠点:

• サーバー側の構成が必要
  • 一部の古いブラウザではサポートされない場合があります

選択に関する推奨事項

適切なルーティング モードの選択は状況に応じて異なります:

バックエンドの場合ルーティングやサーバー側のレンダリングは必要なく、ブラウザーの互換性の向上が必要なため、

ハッシュ モード
• が適切な選択です。 バックエンド ルーティング、サーバー側レンダリング、または美しい URL が必要な場合は、
history モード
• がより適切なオプションです。

以上がVueのハッシュとヒストリーの違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。