प्रौद्योगिकी साझेदारी

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

Vue.js इत्यादिषु एकपृष्ठीय-अनुप्रयोग-रूपरेखासु (SPA) मार्ग-रक्षकाः अतीव उपयोगी-विशेषताः सन्ति ये मार्ग-प्रवेशं नियन्त्रयितुं शक्नुवन्ति । Vue.js इत्यस्य आधिकारिकमार्गप्रबन्धकरूपेण Vue Router इत्यस्य उपयोगः भवति । मार्गरक्षकाः मुख्यतया वैश्विकरक्षकाः, अन्तर्घटकरक्षकाः च इति विभक्ताः सन्ति ।

कतिपयमार्गाः सार्वजनिकरूपेण सुलभाः भवेयुः इति मार्गरक्षकं कथं स्थापयितुं शक्यते इति उदाहरणम् अत्र अस्ति ।

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

                    上一篇
                    下一篇