• 0

كيفية الحصول على كود الخطأ في Axios داخل مكون React؟

أريد أن أعرف كود الحالة Status Code في مكتبة Axios، لكي أقوم بتغير حالة المكون وأقوم بعرض رسالة خطأ للمستخدم، أقوم بإستخدام الكود التالي:

axios.get('https://api.example.com')
    .then((response) => {})
    .catch((error) => {
        setErrorCode(error) // Error: Request failed with status code 404
    })

المشكلة هي أن رسالة الخطأ تظهر كاملة للمستخدم بينما أريد أن يظهر كود الخطأ فقط، كيف أقوم بعمل ذلك؟

أستعمل الإصدار 0.21 من مكتبة Axios و الإصدار 17.0.2 من React

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0

يمكنك الحصول على كود الخطأ كالتالي

axios.get('https://api.example.com')
    .then((response) => {})
    .catch((error) => {
        setErrorCode(error.response.status) // error.response.status
    })

 

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0

اذا تمت برمجة الخادم لارسال رسائل خطأ وتحديد status code معين فاذا كان ال status يعبر عن خطأ فسيطرأ خطأ في المتصفح عندما لا نعالج ذلك الخطأ في جزء ال catch  error تكون هيكلها كالتالي 

error:{

  responce:{
      data:{.....}
      status:403
   }

}

 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0

عندما تقوم بكتابة الكود هكذا ف error يقوم بعمل return الخطأ هذا Error: Request failed with status code 404

axios.get('https://api.example.com')
    .then((response) => {})
    .catch((error) => {
        setErrorCode(error) 
    })

ولكن error هو عبارة عن object وتستطيع الحصول على رقم الخطأ عبر إستخدام هذا هذا الكود

axios.get('https://api.example.com')
    .then((response) => {})
    .catch((error) => {
        setErrorCode(error.response.status) 
    })

 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن