Stellen Sie fest, ob die Seite angemeldet ist

Dieses Mal werde ich Ihnen die Vorsichtsmaßnahmen vorstellen, um festzustellen, ob die Seite angemeldet ist und ob die Seite angemeldet ist. Das Folgende ist ein praktischer Fall, werfen wir einen Blick darauf.

sieht so aus:

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

Bevor Sie dies tun, fügen Sie der Route ein Meta--Attribut hinzu:

{
 path: '/index',
 meta: {
  title: '',
  requireAuth: true, // 添加该字段，表示进入这个路由是需要登录的
 },
}

Hinweis: Tatsache ist jedoch, dass es beim Anmelden meistens keinen Sprung gibt, sodass Sie einen Abschnitt zum Anmeldesprungpfad hinzufügen müssen:

if(this.$route.query.redirect){
//  let redirect = decodeURIComponent(this.$route.query.redirect);
  let redirect = this.$route.query.redirect;
  this.$router.push(redirect);
}else{
  this.$router.push('/');
 }

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Der feste Tabellenkopf lässt das Formular horizontal scrollen

Dropdown-Nutzung des Bootstrap-Dropdown-Plug-Ins Tipps

Das obige ist der detaillierte Inhalt vonStellen Sie fest, ob die Seite angemeldet ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!