二つのモードVUEルート、ハッシュや歴史の違い

1.直感的な違い：

    ハッシュURLパターン＃記号、＃記号なしの履歴モード。

2.ディープの違い：

     ＃記号で、常に内部のハッシュモードのURL、我々は作品にデフォルトモードを使用します。

     あなたはハッシュマークなしで履歴モードので、履歴モードを使用する必要があるので、あなたはノルムURLを考慮した場合、プロモーションのために通常のURLです

     機能は、我々は時間のアプリページの開発にシェアを持っているなど、このページが出て共有することで、また違いであるか、またはVUEと反応します

     あなたは、その後、我々は歴史のモードを使用する必要がある番号＃を削除したいので、レッツは、サードパーティ製のアプリにこのページを共有するために取得し、いくつかのアプリケーションのURLは、＃記号で内部を許可されていません

    しかし、履歴モードを使用したもう一つの問題は、2つのページにアクセスしたときには、リフレッシュ動作を行う、404になりますです、そして我々は、バックエンドを持つ人々を必要とし、彼はApacheやnginxのリダイレクトリダイレクトの設定を見てみましょうルートOKの友人に自分のホームページに。

 

ルートモードの設定：

1つのエクスポートデフォルト 新しいルータ（{
 2      // モード： '歴史'、
3      モード： 'ハッシュ' 、
 4つの     経路
 5 }）

バックエンドモデルとの歴史は、一例として、ここではノードの背景に問題リフレッシュ404を解決する必要がある場合：

1 CONST興亜=必要とする（ 'KOA' ）
 2 CONSTルータ=（ 'KOA-ルータ'を必要とします）。
3 CONST静的=（ 'KOA静的'を必要とする）
 4 CONST FS =（ 'FS'を必要とします）。
5 CONSTアプリ= 新しい興亜（）。
6 CONSTルータ= 新しいルーター（）;
7  
8は、 STRてみましょう。
9 fs.readFile（ '../ DIST / index.htmlを'、 "UTF-8"、（ERR、データ）=> {
 10      場合（ERR）{
 11          ctx.body = "エラーが見つかりました。"
 12      }
 13      STR = data.toString（）;
 15  
16  @ リフレッシュ履歴ここVUE経路404を解く
。17 router.get（ '*'、非同期（CTX、次へ）=> {
 18は     IF（ctx.url！== "/index.htmlが" ）{
 19          コンソール。ログ（ "ここに戻り" ）
 20である          ctx.body = STR;
 21である     } 
 22れる }）
 23は、 
24 app.use（静的（ "../ DIST /" ））;
 25 app.use（router.routes（））/ / 開始経路
26である app.use（router.allowedMethods（））;
 27  
28  
29 app.listen（8989、（）=> {
 30      はconsole.log（ "監視サーバアドレス：127.0.0.1：8989"）;
31 }）