Vueのルーティングモード(ハッシュと歴史)

  SPA(単一ページのアプリケーション)を構築するために、Vueのための漸進的なフロントエンドの開発フレームワーク、このタイプのために、存在ヴュー・ルータの意味であるフロントエンドルーティングシステムを、導入する必要があります。コアフロントエンド経路、---バックエンドに閲覧要求を変更しないしながらということです。

   1.これを達成するためには、ブラウザは、次の2つのサポートを提供します:

       、#記号(このhsahない暗号技術、ハッシュ演算)のURLをアドレスバーで - 1、ハッシュ。

          たとえば、このURLます。http://www.abc.com/#/hello、#のハッシュ値/こんにちは。これハッシュを変更するとページをリロードしないであろう、URLにもかかわらず、ハッシュが、HTTPリクエストに含まれることはありません、バックエンドには影響はありません:ことを特徴としています。

       2、歴史 - pushState()とreplaceState()メソッドに新しいHTML5の歴史インタフェースの使用インチ (特定のブラウザのサポートが必要です)

            バックで現在利用可能なブラウザの履歴ステーションで使用されるこれらの2つの方法が、前方に、財団は、彼らが歴史を変更する機能を提供し、上に行きます。彼らは現在のURLの変更が、変更を実行しますが、場合にのみ、お使いのブラウザは、バックエンドへの即時の要求を送信しません。

           履歴モードでは、背景の設定を必要とし、404例があるでしょう。

    第二に、404エラー

          図1に示すように、ハッシュモード、コンテンツの前にのみハッシュシンボルは、http://www.abc.comように、要求に含まれるので、後端、完全なカバレッジを達成するためのNOルートが存在しない場合であっても、ありません404エラーを返します。

          図2は、履歴モード、およびURLの前端はhttp://www.abc.com/book/idとして実際の後部同じURLに要求を開始しなければなりません。/書籍/ ID経路処理のバックエンドの欠如は、404エラーを返す場合。 

おすすめ

転載: www.cnblogs.com/huayang1995/p/12635424.html