Middleware மற்றும் அங்கீகாரம் Nuxt.js: இணைய பாதுகாப்பை மேம்படுத்துதல்

Middleware கோரிக்கைகள் உண்மையான route கையாளுபவர்களை சென்றடையும் முன் அவற்றை நிர்வகிக்கவும் கட்டுப்படுத்தவும் உதவும் வலை மேம்பாட்டில் இது ஒரு முக்கியமான கருத்தாகும். இல் Nuxt.js, middleware அங்கீகாரம், அங்கீகாரம் மற்றும் பக்கத்தை வழங்குவதற்கு முன் பணிகளைச் செயல்படுத்துவதில் குறிப்பிடத்தக்க பங்கு வகிக்கிறது. middleware இந்த கட்டுரையில் ஒரு விளக்கம் மற்றும் அதன் பயன்பாடு வழங்கும் Nuxt.js, அதைத் தொடர்ந்து பயனர் அங்கீகாரம் மற்றும் பக்கத்தை ஏற்றுவதற்கு முன் பணிகளைச் செய்வது பற்றிய வழிகாட்டி.

புரிதல் Middleware மற்றும் அதன் பயன்பாடு Nuxt.js

Middleware சேவையகம் மற்றும் route கையாளுபவர்களுக்கு இடையே ஒரு பாலமாக செயல்படுகிறது, இலக்கை அடைவதற்கு முன் குறியீட்டை இயக்க அனுமதிக்கிறது route. இல் Nuxt.js, middleware உலகளவில் அல்லது ஒரு வழித்தடத்தின் அடிப்படையில் பயன்படுத்தலாம். எந்தவொரு பக்கத்தையும் வழங்குவதற்கு முன், அங்கீகாரச் சரிபார்ப்புகள் போன்ற பொதுவான செயல்பாடுகளை வரையறுக்க இது உங்களை அனுமதிக்கிறது.

பயனர் அங்கீகாரம் மற்றும் Middleware உள் Nuxt.js

ஒரு அங்கீகாரத்தை உருவாக்குதல் Middleware:

பயனர் அங்கீகாரத்தை செயல்படுத்த, ஒரு middleware கோப்பை உருவாக்கவும், எ.கா auth.js:

export default function({ store, redirect }) {  
  if(!store.state.authenticated) {  
    redirect('/login');  
  }  
}  

Middleware இதற்கு விண்ணப்பிக்கிறது Routes:

கோப்பில் middleware குறிப்பிட்ட அங்கீகாரத்தைப் பயன்படுத்தவும்: routes nuxt.config.js

export default {  
  router: {  
    middleware: 'auth',
    routes: [  
      { path: '/dashboard', component: 'pages/dashboard.vue' }  
    ]  
  }  
}  

பக்கத்தை ஏற்றுவதற்கு முன் பணிகளைச் செயல்படுத்துதல்

Middleware தரவை முன்கூட்டியே ஏற்றுவதற்கு:

middleware ஒரு பக்கத்தை ரெண்டரிங் செய்வதற்கு முன் தரவை ஏற்றுவதற்கு ஒன்றை உருவாக்கவும்:

export default async function({ store }) {  
  await store.dispatch('fetchData');  
}  

Middleware இதற்கு விண்ணப்பிக்கிறது Routes:

middleware கோப்பில் முன் ஏற்றப்படும் தரவைப் பயன்படுத்தவும் routes: nuxt.config.js

export default {  
  router: {  
    middleware: 'preloadData',
    routes: [  
      { path: '/posts', component: 'pages/posts.vue' }  
    ]  
  }  
}  

முடிவுரை

Middleware in Nuxt.js கோரிக்கைகளின் ஓட்டத்தைக் கட்டுப்படுத்தவும், அங்கீகாரத்தைச் செயல்படுத்தவும், பக்கங்களை வழங்குவதற்கு முன் பணிகளைச் செய்யவும் ஒரு சக்திவாய்ந்த பொறிமுறையை வழங்குகிறது. மேம்படுத்துவதன் மூலம் middleware, பயனர் அங்கீகாரத்தைக் கையாளும் மற்றும் பயனர் அனுபவத்தையும் பயன்பாட்டுச் செயல்பாட்டையும் மேம்படுத்த அத்தியாவசிய செயல்களைச் செய்யும் பாதுகாப்பான மற்றும் திறமையான வலை பயன்பாட்டை நீங்கள் உருவாக்கலாம்.