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 ਵਿੱਚ Nuxt.js ਬੇਨਤੀਆਂ ਦੇ ਪ੍ਰਵਾਹ ਨੂੰ ਨਿਯੰਤਰਿਤ ਕਰਨ, ਪ੍ਰਮਾਣੀਕਰਨ ਨੂੰ ਲਾਗੂ ਕਰਨ, ਅਤੇ ਪੇਜਾਂ ਨੂੰ ਪੇਸ਼ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਕਾਰਜਾਂ ਨੂੰ ਚਲਾਉਣ ਲਈ ਇੱਕ ਸ਼ਕਤੀਸ਼ਾਲੀ ਵਿਧੀ ਦੀ ਪੇਸ਼ਕਸ਼ ਕਰਦਾ ਹੈ। ਦਾ ਲਾਭ ਲੈ ਕੇ middleware, ਤੁਸੀਂ ਇੱਕ ਸੁਰੱਖਿਅਤ ਅਤੇ ਕੁਸ਼ਲ ਵੈਬ ਐਪਲੀਕੇਸ਼ਨ ਬਣਾ ਸਕਦੇ ਹੋ ਜੋ ਉਪਭੋਗਤਾ ਪ੍ਰਮਾਣੀਕਰਨ ਨੂੰ ਸੰਭਾਲਦਾ ਹੈ ਅਤੇ ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਅਤੇ ਐਪਲੀਕੇਸ਼ਨ ਕਾਰਜਕੁਸ਼ਲਤਾ ਨੂੰ ਵਧਾਉਣ ਲਈ ਜ਼ਰੂਰੀ ਕਾਰਵਾਈਆਂ ਕਰਦਾ ਹੈ।