...
/معالجة الأخطاء العالمية والمعترضات باستخدام Axios
معالجة الأخطاء العالمية والمعترضات باستخدام Axios
تعرف على كيفية تمكين برامج اعتراض Axios لك من التعامل مع المصادقة وتحويل البيانات وإدارة الأخطاء عالميًا مع الحد الأدنى من تكرار التعليمات البرمجية.
سنغطي ما يلي...
عندما تبدأ التطبيقات بالتواصل مع واجهات برمجة تطبيقات متعددة أو نقاط نهاية آمنة، غالبًا ما يتكرر نفس المنطق في كل مكان - إضافة رموز، أو تسجيل الطلبات، أو اكتشاف الأخطاء، أو تطبيع الرسائل. وسرعان ما تصبح معالجة هذه الأمور داخل كل مكون من مكونات React فوضوية وغير متسقة.
المعترضات
يوفر Axios حلاً سهلاً: الاعتراضات - وهي دوال شبيهة بالبرمجيات الوسيطة تُشغّل قبل الطلبات وبعد الاستجابات. تتيح لنا هذه الدوال تعديل الطلبات (مثل إرفاق عناوين أو رموز) ومعالجة الأخطاء بشكل شامل دون تكرار الكود في جميع المكونات. عند دمجها مع نسخة Axios الخاصة بنا، تُساعد الاعتراضات في إنشاء طبقة تحكم موحدة تجعل تطبيقنا أكثر قابلية للتنبؤ ومرونةً.
المفهوم الرئيسي: كيف تعمل المعترضات
تعمل أجهزة الاعتراض مثل نقاط التفتيش في دورة طلب استجابة .
apiClient.interceptors.request.use((config) => {console.log("Request sent to:", config.url);return config;});apiClient.interceptors.response.use((response) => response,(error) => {console.error("Error occurred:", error.message);return Promise.reject(error);});
يمكننا أن نفكر فيها كوظائف تعترض مكالمات الشبكة الصادرة والواردة:
اعتراض الطلب: يتم تنفيذه قبل أن يغادر طلب تطبيقنا. ...