主な方法:
- 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 ==「真」)場合 {//は同じ着地するかどうかを判断する 次の(); //はすでに通常のアクセス、ログイン } {他に 次の({名:「ログインは」}); //へのジャンプ、ログインしていませんログインページ } } }); エクスポートデフォルトルータ。