(()次の、から、にrouter.beforeEach

主な方法:

  • To:に入るためにどのルート
  • From:休職からのルート
  • 次:ルーティングの制御パラメータは、一般的に使用される次の(真)、次の(偽)

まず、ログインページを入力するかどうかを決定?そして着陸するかどうかを判断しますか?
ページにジャンプするあなたに上陸した、ログインページを入力してログインしていません

より明確にするために、私は単純に、PSのページに名前を付けます。

    • Login.vueは、ランディングページです
    • Index.vueは(共通ナビゲーションコンポーネントを含む)グローバルページです
      (私はここではホームだとして)A.vue通常のページを
      B.vue通常のページ

 

 

 


  } 
]。
constのルータ=新しいルータ({


    成分:()=>インポート( './成分/ 404.vue') 
  MODE: '履歴'、
  ベース:process.env.BASE_URL、
  ルート:[ 
    {パス: '/'、リダイレクト'/ A'}、
    {パス: '*'、リダイレクト'/ 404'}、
    { 
      パス: '/ログイン'、
      名前: 'ログイン'、
      コンポーネント:()=>インポート(」./コンポーネント/ Login.vue ')
    }、
    { 
      パス: '/'、
      コンポーネント:()=>インポート(' ./コンポーネント/ Index.vue「)、図の左側に//インデックスは、共通のメニューです
      //ここに駅のページの子供たち、ページがで右コンテナに表示
    } 
  ] 
);} 
router.beforeEach(()次に、から、へ=> { 
  CONST = isLogin sessionStorage.getItem( 'isLogin')、ローカルに保存されている//取得ログイン情報
  (にいる場合。名前==「ログイン」){//は、ログインページを入力するかどうかを決定します
    ( "真" isLogin ==)場合 {//はどうか着陸を決定
      次の({名:「」 }); // ログインし、ホーム(ページ)ジャンプ
    } {他に
      次の(); //ログインしていない、ログインページを入力していき
    } 
  } {他に//入ってくる非ログインの場合ページ
    (isLogin ==「真」)場合 {//は同じ着地するかどうかを判断する
      次の(); //はすでに通常のアクセス、ログイン
    } {他に
      次の({名:「ログインは」}); //へのジャンプ、ログインしていませんログインページ
    } 
  } 
}); 
エクスポートデフォルトルータ。
公開された316元の記事 ウォン称賛33 ビュー210 000 +

おすすめ

転載: blog.csdn.net/yz18931904/article/details/104060041