Vue ハッシュ ルーティングとヒストリ ルーティングの原理と違い

ハッシュ ルーティングとヒストリ ルーティングの違い

理由: SPA シングルページ アプリケーションの主な機能はフロントエンド ルーティングです。フロントエンドはバックエンド担当者ではなくルーティング ジャンプ ロジックを直接制御するため、フロントエンドの自由度が高まります。
1. ハッシュルーティングのアドレスバーには#が付いていますが、ヒストイルーティングはありません
2. ハッシュルーティングの方が互換性が高く、HTML5以降ではヒストイルーティングが開始されます
3.ハッシュルーティングの原理、ハッシュ値が変化する場合、サーバーには送信されません。代わりに、リクエストによって onhashchange イベントがトリガーされ、ハッシュ値に従ってページのコンテンツが変更されます。
4.履歴ルーティングの原理は、window.history 関連の API を使用してルーティング ジャンプを実現し、それによってページのコンテンツを変更することです。ルーティング ジャンプは履歴 API を通じて実行されるため、サーバーへのリクエストは行われず、これによりフロントエンド ルーティングの目的も達成されます。
5. 履歴にはバックエンドの協力が必要です。そうしないと、ページが更新されるか、パス アクセスに応じて 404 エラーが報告されます。これは、パッケージ化されたファイルには通常、index.html ファイルといくつかのパッケージ化された js ファイルおよびフォルダしか含まれないためです。ため、バックエンドを再起動する必要があります。ホームページに移動し、プロジェクトに入り、ルーティングを構成します。

おすすめ

転載: blog.csdn.net/qq_37489791/article/details/130519653
おすすめ