Κοινή χρήση τεχνολογίας

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

Σε πλαίσια εφαρμογών μιας σελίδας (SPA), όπως το Vue.js, τα route guards είναι μια πολύ χρήσιμη δυνατότητα που σας επιτρέπει να ελέγχετε την πρόσβαση σε διαδρομές. Το Vue.js χρησιμοποιεί το Vue Router ως τον επίσημο διαχειριστή δρομολόγησης. Οι φρουροί δρομολόγησης χωρίζονται κυρίως σε γενικούς και ενδοσυνιστωσιακούς προφυλακτήρες.

Ακολουθεί ένα παράδειγμα του τρόπου ρύθμισης ενός route guard για να επιτρέπεται σε ορισμένες διαδρομές να είναι δημόσια προσβάσιμες:

1. Παγκόσμια μπροστινή φρουρά: Στη διαμόρφωση του Vue Router, μπορείτε να χρησιμοποιήσετε beforeEach Η μέθοδος δημιουργεί ένα καθολικό μπροστινό προστατευτικό για να ελέγξει εάν ο χρήστης είναι συνδεδεμένος και να ανακατευθύνει τον χρήστη σύμφωνα με την κατάσταση σύνδεσης.

// 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) =
                                   

                    上一篇
                    下一篇