Upgrade to Pro — share decks privately, control downloads, hide ads and more …

秋の大LT2019 in Aizu

秋の大LT2019 in Aizu

Vue.jsのSPAで、セッショントークンが切れている場合にナビゲーションガードを利用してログイン画面にとばす処理を書いてその知見をLTにしました。

途中だいぶテキトーでごめんなさい。
マサカリ待ってます!

Tajima Sachiko

November 02, 2019
Tweet

More Decks by Tajima Sachiko

Other Decks in Programming

Transcript

  1. もうちょい詳しくグローバルビフォーガード • to: Route: 次にナビゲーションされる対象の ルートオブジェクト。 • from: Route: ナビゲーションされる前の現在のルートです。

    • next: Function : フックを 解決 するためにこの関数を呼ぶ必要があります。この振る舞いは next に渡される引数に 依存します:
  2. • next(): パイプラインの次のフックに移動します。もしフックが残っていない場合は、このナビゲーションは 確立 されます。 • next(false): 現在のナビゲーションを中止します。もしブラウザのURLが変化した場合は(ユーザーが手動で変更した場合で も、戻るボタンの場合でも)、 from

    ルートのURLにリセットされます。 • next('/') または next({ path: '/' }) : 異なる場所へリダイレクトします。現在のナビゲーションは中止され、あたらしいナ ビゲーションが始まります。任意のロケーションオブジェクトを next に渡すことができます。この next には、replace: true、 name: 'home' のようなオプション、そして router-link、to プロパティまたは router.pushで使用される任意のオプションを指 定することができます。