Teknologian jakaminen

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Yksisivuisten sovellusten (SPA) kehyksissä, kuten Vue.js, reittivartijat ovat erittäin hyödyllinen ominaisuus, jonka avulla voit hallita pääsyä reitteihin. Vue.js käyttää Vue Routeria virallisena reitinhallintaansa. Reitityssuojat jaetaan pääasiassa globaaleihin vartijoihin ja komponenttien sisäisiin vartijoihin.

Tässä on esimerkki reitinvartijan asettamisesta sallimaan tiettyjen reittien olevan julkisesti saatavilla:

1. Globaali etusuoja: Vue Routerin kokoonpanossa voit käyttää beforeEach Menetelmä asettaa globaalin etusuojan tarkistamaan, onko käyttäjä kirjautunut sisään, ja ohjaamaan käyttäjän kirjautumistilan mukaan.

// router/index.js
import Vue from 'vue';
import Router from 'vue-router';
import Home from '../components/Home.vue';
import Dashboard from '../components/Dashboard.vue';

Vue.use(Router);

const router = new Router({
  routes: [
    {
      path: '/',
      name: 'Home',
      component: Home
    },
    {
      path: '/dashboard',
      name: 'Dashboard',
      component: Dashboard,
      meta: {
        requiresAuth: true // 标记需要认证的路由
      }
    }
    // 其他路由...
  ]
});

// 全局前置守卫
router.beforeEach((to, from, next) =
                                   

                    上一篇
                    下一篇