ホームページ  >  記事  >  ウェブフロントエンド  >  vueでルーティングのログイン権限を設定する方法

vueでルーティングのログイン権限を設定する方法

不言
不言オリジナル
2018-07-03 14:05:161789ブラウズ

この記事では、Vue でルートのログイン権限を設定する方法を主に紹介します。これは非常に優れており、必要な場合は、

index.js

ログイン権限が必要なルートのメタ属性を設定することを参照してください。

meta:{requireAuth:true},

main.js

main.jsに直接ルートの検証を書く

router.beforeEach((to, from, next) => {
  if (to.matched.some(record => record.meta.requireAuth)){ // 判断该路由是否需要登录权限
    if (sessionStorage.getItem("access_token")) { // 判断当前的token是否存在
      next();
    }
    else {
      next({
      path: '/manage',
      query: {redirect: to.fullPath} // 将跳转的路由path作为参数,登录成功后跳转到该路由
    })
    }
  }
  else {
    next();
  }
});

以上がこの記事の全内容です。皆様の学習にお役立てください。その他の関連コンテンツについては、PHP 中国語 Web サイトにご注目ください。

関連する推奨事項:

Vue を使用して数値キーボード コンポーネントをカスタマイズする方法

スクロール位置を記録するための vue-scroller のコードの紹介

以上がvueでルーティングのログイン権限を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。